什么是“已弃用.相反，使用可组合性“的意思在Reactjs Material-UI菜单项中

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

本文关键字：意思 的意思在 Reactjs 菜单项 Material-UI 已弃用 相反 什么 可组合      更新时间：2023-09-26

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

错误 ：

bundle.js：6263 警告："LeftNav"的"menuItems"属性已被弃用。 相反，请使用可组合性。

我的第一个方法是搜索 Material-UI 文档，关于"左导航"->菜单项，我发现解释与控制台中显示的消息相同。

因为，我不熟悉反应，我无法理解这里的"可组合性"是什么意思。

反应文档讨论了多个组件，但我只能看到多对象的 HTML 处理。

我的代码 ：

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

它不在类中，然后在渲染函数中：

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

有没有人遇到过这个问题？

你应该使用 children 而不是 menuItems 。

例如：

<LeftNav>
    <MenuItem>Menu Item</MenuItem>
    <MenuItem>Menu Item 2</MenuItem>
</LeftNav>
相关文章：