材质界面如何在触摸时获得meunItem键和值

Question

材质界面如何在触摸时获取MenuItem的键和值。

的代码片段如下图所示：

<Link style={{ textDecoration: 'none' }} to='/'> 
    <MenuItem key='somekey' value='somevalue' onTouchTap={this.menuItemTap}>my menu item </MenuItem> 
</Link> 

// FUNC：

menuItemTap = (event) => { 
    console.log(event); 
    // this.props.highlightMenuItem(event.key) 
} 

Answer 1

在你需要传递多个参数材料UI组件，并在菜单项第二个值，所以你需要通过第二个参数作为

onTouchTap={(evt,somekey) =>this.menuItemTap(somekey)} 

，现在把它作为

menuItemTap(somekey) 
{ 
console.log(somekey) 
} 

确保被视为价值在不同的组件的情况下，如SelectField组件第三个参数被认为是name.so，你可以通过文档

Answer 2

将其更改为

onTouchTap={(event) => this.menuItemTap(event, somekey)} 

和你的函数

menuItemTap = (event, key) => { 
    console.log(event); 
    this.props.highlightMenuItem(key) 
}