reactjs - 警告：在 ResizeObserver 中找到多个具有 `children` 的子节点。只会观察第一个

Question

就像标题的描述一样。在我的反应应用程序中有警告。

系统：Mac OS Big Sur 11.2

环境：Chrome 89.0.4389.90（正式版本） (x86_64)

Answer 1

我怀疑这与我在使用 Ant Design <Affix />Component 时遇到的问题相同。

基本上，您的词缀组件（可能）有多个子项，如下所示：

<Affix>
    <div>...1</div>
    <div>...2</div>
</Affix>

它应该只有一个孩子——有点像 React JSX 应该只返回一个根组件。

所以上面可以变成：

<Affix>
    <div>
        <div>...1</div>
        <div>...2</div>
    </div>
</Affix>