Question

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

错误：

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

我的第一个方法是搜索Material-UI文档并关于“Left Nav” - ＆gt; menuItems，我发现解释与控制台中显示的消息相同。

因为，我不熟悉反应，我无法理解“可组合性”在这里意味着什么。

反应有关Multiple Components的文档说明，但我只能看到多对象的Html处理。

我的代码：

android {
    productFlavors {
        dev {
            applicationId "your.com.android.devel"
            buildConfigField 'String', 'HOST', '"http://192.168.1.78"'

        }

        prod {
            applicationId "your.com.android"
            buildConfigField 'String', 'HOST', '"http://yourserver.com"'
        }
    }
}

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

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

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

Answer 1

您应该使用children代替menuItems。

例如：

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

什么是“弃用。相反，使用可组合性。”在Reactjs Material-UI menuItems中意味着什么？

1 个答案: