警告:在 ResizeObserver 中找到多个带有“children”的子节点。只会观察第一个

Eri*_*hao 2 reactjs react-resize-observer

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

\n

系统:Mac OS Big Sur 11.2

\n

环境: Chrome 89.0.4389.90\xef\xbc\x88\xe6\xad\xa3\xe5\xbc\x8f\xe7\x89\x88\xe6\x9c\xac\xef\xbc\x89 (x86_64)

\n

警告详情

\n

小智 12

我怀疑这和我在 Ant Design Component 中遇到的问题是一样的<Affix />

基本上,您的 Affix 组件(可能)有多个子组件,如下所示:

<Affix>
    <div>...1</div>
    <div>...2</div>
</Affix>
Run Code Online (Sandbox Code Playgroud)

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

所以上面可以变成:

<Affix>
    <div>
        <div>...1</div>
        <div>...2</div>
    </div>
</Affix>
Run Code Online (Sandbox Code Playgroud)