"Deprecated. Instead, use composability." 在 Reactjs Material-UI menuItems 中是什么意思？

Question

我要收回一个用旧版本的 React 制作的项目，我正在更新这个项目，但我首先收到控制台错误。

错误：

bundle.js:6263 Warning: "menuItems" property of "LeftNav" has been deprecated. Instead, use composability.

我的第一个方法是搜索 Material-UI 文档，关于 "Left Nav" -> menuItems，我发现解释与控制台。

因为，我对react不熟悉，无法理解这里的"composability"是什么意思

Reacts 文档谈到 Multiple Components，但我只能看到 Html 对多对象的处理。

我的代码 :

var menuItems = [
    { route: '/', text: 'Home' },
    { type: 'SUBHEADER', text: 'Connect' },
    { route: '/categories', text: 'Categories' },
    { route: '/icons', text: 'Icons'},
];

在 class 中 而不是 ，然后在渲染函数中：

    <LeftNav ref="leftNav"
             docked={false}
             style={{opacity: '0.9'}}
             menuItems={menuItems}
             onChange={this.leftNavOnChange}
     />

有人遇到过这个问题吗？

Answer 1

您应该使用 children 而不是 menuItems。

例如：

<LeftNav>
    <MenuItem>Menu Item</MenuItem>
    <MenuItem>Menu Item 2</MenuItem>
</LeftNav>

"Deprecated. Instead, use composability." 在 Reactjs Material-UI menuItems 中是什么意思？

What does "Deprecated. Instead, use composability." mean in Reactjs Material-UI menuItems?

javascript

reactjs

material-ui