javascript - 什么时候调用 React.render() 回调？

Question

React.render(<MyComponent/>, mainNode, function() {
    console.log('2');
});
console.log('1');

打印

2
1

此外，回调中的 scrollTop() 不起作用。如果我在 render() 返回后调用它，它会起作用。

React.render() 是同步的吗？

函数返回时是否渲染 DOM？

回调什么时候调用？我想在回调中做什么？

Answer 1

您可以将回调逻辑移动到您正在安装的组件中，然后在第一次将组件渲染到 DOM 时使用 componentDidMount 方法，并使用 componentDidUpdate随后更新/呈现 DOM。该组件将通过 window.document 或在这两种方法中使用组件 getDOMNode 方法在真实 DOM 中可用。

这与渲染回调本身不太一样。值得注意的是，如果您正在更改组件的状态，您还可以将回调函数传递给组件的 setState 方法，一旦组件状态更新(以及任何更改渲染到 DOM)。

查看 React 源代码以确认 - 当将新的根节点(根据您的代码片段)呈现到 DOM 中时，该过程是同步的并且回调(如果通过)在(https://github.com/facebook/react/blob/master/src/renderers/dom/client/ReactMount.js 行 570-第582章