文档手册

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() 方法在两种情况下被调用:

  1. 当需要将 VDOM 转换为 DOM 时,例如为 JSX 表达式创建 DOM 元素,例如: <Component prop\="..." /> .在这种情况下,道具将是一个对象 - 属性映射。孩子将是一个数组(可能是空的)。

  2. 何时 element.componentUpdate({...}) 为给定元素调用。在这种情况下,道具和孩子都将是未定义的。

因此,Reactor.render() 将两者的语义组合在一起, ReactJS.constructor()ReactJS.render() .

state.reconciliation = true | false

element.state.reconciliation = false 将阻止在渲染时对元素内容进行协调(修补)。实际上,这相当于从 ReactJS 的 shouldComponentUpdate() 返回 false