呈现为DOM状态的函数

Question

想象一下呈现一个绝对定位元素的react组件。该元素在页面中的位置是从DOM (而不是从任何组件状态)提取的数据的函数。

确实有一个很好的呈现模式，作为DOM状态？的一个函数。

我最好的想法是双渲染：

1. 阅读相关的componentDidMount/componentDidUpdate中的DOM。
2. 依赖组件的setState或以其他方式重新render它。
3. 需要定义shouldComponentUpdate以防止无限render/componentDidMount循环。

Answer 1

componentDidMount事件就是您想要这样做的地方。

componentDidMount -从react docs 在生命周期的这一点上，组件有一个DOM表示，您可以通过React.findDOMNode(这个)访问它。 如果您希望与其他JavaScript框架集成，使用setTimeout或setInterval设置计时器，或者发送AJAX请求，请在此方法中执行这些操作。

我会将绝对元素放在页面上，但不在视图中，然后将其移到componentDidMount事件中的位置。

我不认为这是双重渲染。