Reactjs 材料界面润色时如何获取meunItem键和值

材质ui如何在润色时获取MenuItem的键和值

代码片段如下所示：

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

换成

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

你的职责是什么

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

换成

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

你的职责是什么

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

---

在material ui组件中，您需要传递多个参数，而在menuItem中，第二个值被视为值，所以您需要将第二个参数作为值传递

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

现在把它当作

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

---

确保参数在不同组件的情况下有所不同，例如在SelectField组件中，第三个参数被视为名称。因此，您可以在material ui组件中查看文档，您需要传递多个参数，在menuItem中，第二个值被视为值，因此您需要将第二个参数作为名称传递

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

现在把它当作

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

---

确保参数在不同组件的情况下有所不同，例如在SelectField组件中，第三个参数被视为名称。因此，您可以浏览文档

谢谢您的回答：）谢谢您的回答：）