Material-uiのMenuItemにフォーカスを設定する方法

Question

Material-UIのMenuコンポーネント内のMenuItemの1つにプログラムでフォーカスを設定（アクティブ化）しようとしています。私はそれにタブで手動で行うことができますが、私はキーダウンイベントに応じてプログラムでそれを行う必要があります。

<Menu disableAutoFocus={true}> 
    <MenuItem .../> 
    <MenuItem .../> 
    ... 
</Menu> 

Answer 1

menuItemをプログラムによって選択することは意味しますか？そうであれば、「制御されたコンポーネント」という概念を使うことができます。

ここに例があります。 this.state.selectedItem = 1の場合、項目「マップ」が選択されます。 this.state.selectedItem = 2の場合、項目「Books」が選択されます。

<Menu 
    selectedMenuItemStyle={ {backgroundColor: '#c00', color: '#FFFFFF'} } 
    value={this.state.selectedItem} 
    > 
     <MenuItem primaryText="Maps" value='1'/> 
     <MenuItem primaryText="Books" value='2' /> 
    </Menu>