"代わりに、代わりに合成機能を使用してください。" Reactjs Material-UI menuItemsの意味ですか？

Question

私は反応の古いバージョンで作られたプロジェクトを取り戻していますが、私はこのプロジェクトを更新していますが、まずコンソールエラーを受け取ります。

エラー：

bundle.js：6263警告： "LeftNav" の "メニューアイテム" プロパティが廃止されました。 代わりに、合成機能を使用してください。

私の最初のアプローチは、Material-UIのドキュメントを検索し、 "Left Nav" - > menuItemsに関して、コンソールに表示されたものと同じメッセージであることがわかりました。

私は反応に慣れていないので、ここで「構成可能性」が何を意味するのか理解できません。

ReactのドキュメントではMultiple Componentsについて語っていますが、複数のオブジェクトの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} 
    /> 

誰もがこの問題に遭遇していますか？

Answer 1

menuItemsの代わりにchildrenを使用してください。

例えば

：

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