Reactor vs ReactJS
2024-07-18 14:47:04
Reactor vs ReactJS
this
environment variable
Reactor –
this
是 [DOM] 元素应用于此类的实例。React.JS –
this
是 React.Component 的实例 – 与实际 DOM 元素无关。您应该使用 Refs 来访问真正的 DOM 元素。
constructor(props,kids,parent)
method
constructor
当 DOM 元素尚未连接到 DOM 时,将调用 in Reactor。对于给定的 DOM 元素/类,构造函数被调用一次。Reactor 构造函数最接近的匹配项是 componentWillMount()
React.JS
componentDidMount()
method
此方法在 Reactor 和 React.JS 中具有相同的语义。该方法被调用一次 - 在元素附加到 DOM 之后。
componentWillUnmount()
method
此方法在 Reactor 和 React.JS 中具有相同的语义。该方法被调用一次 - 紧接在元素从 DOM 中删除之前。
render(props,kids)
method
在 Reactor 中,render() 方法在两种情况下被调用:
当需要将 VDOM 转换为 DOM 时,例如为 JSX 表达式创建 DOM 元素,例如:
<Component prop\="..." />
.在这种情况下,道具将是一个对象 - 属性映射。孩子将是一个数组(可能是空的)。何时
element.componentUpdate({...})
为给定元素调用。在这种情况下,道具和孩子都将是未定义的。
因此,Reactor.render() 将两者的语义组合在一起, ReactJS.constructor()
如 ReactJS.render()
.
state.reconciliation = true | false
element.state.reconciliation = false
将阻止在渲染时对元素内容进行协调(修补)。实际上,这相当于从 ReactJS 的 shouldComponentUpdate() 返回 false