Question

材料ui如何在修饰时获得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

将其更改为

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

和你的功能

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

Answer 2

在材质ui组件中，您需要传递多个参数，而在menuItem中，第二个值被视为值，因此您需要将第二个参数传递为

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

现在将其作为

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

确保参数在不同组件的情况下有所不同，如SelectField组件中的第三个参数被视为name.so您可以查看文档

材质UI如何在修饰时获得meunItem键和值

2 个答案: