Reactjs 为什么在Rebass框组件上使用prop.children会在Chrome中输出console.error？

我有一个用NextJS构建的应用程序，我有一个由Rebass库组成的组件，可以正常工作，但它在控制台中给出了以下警告：

以下是组件：

//Container.js
从“rebass”导入{Box}
导出常量容器=（道具）=>(
{props.children}
)

以及索引组件：

从“/Container”导入{Container}
常量索引=（道具）=>(
你好，世界
)
导出默认索引

---

如何消除此错误消息？

因此它与上述组件无关，而是与另一个文件中的另一个组件有关

//Navbar.js
从“rebass”导入{Flex，Link，Text}
从“/Container”导入{Container}
导出常量导航=（道具）=>(
道具.主题.颜色.背景}`}
//使用上面的行会导致错误
sx={{background:“background”}}//请改用此行
alignItems=“中心”
>
单位
链接
)

---

这是将主题值获取到Rebass组件中的指定方法。它对我不起作用，因此我尝试了一个函数。

因此它与上述组件无关，而是与另一个文件中的另一个组件有关

//Navbar.js
从“rebass”导入{Flex，Link，Text}
从“/Container”导入{Container}
导出常量导航=（道具）=>(
道具.主题.颜色.背景}`}
//使用上面的行会导致错误
sx={{background:“background”}}//请改用此行
alignItems=“中心”
>
单位
链接
)

---

这是将主题值获取到Rebass组件中的指定方法。它对我不起作用，因此我尝试了一个函数。

我不再出现这个错误，但我不知道我做了什么来修复它。以上两个组件保持不变。我不再收到此错误，但我不知道我做了什么来修复它。上述两个组成部分保持不变。