reactjs - 针对渲染的MenuItem点击事件

Question

我很沮丧，我讨厌 React，因为我领先一步，落后两步。现在的问题是 MenuItem 的方法 onCLick 事件是针对渲染时间的，而不是当我有效地点击菜单时。

MenuItem 在 Drawer 组件中:

<Drawer
  open={this.props.state_open_list_dash}
  openSecondary={true}
  docked={false}
>

与:

 <MenuItem 
    onClick={ this.handleChangeDash() }> Menu Name 
 </MenuItem>

在构造函数中:

this.handleChangeDash = this.handleChangeDash.bind(this);

然后:

handleChangeDash ()
{     
   console.log(20);
}

控制台上的“20”在应用程序刷新时打印(3 次)，在抽屉因更改 state_open_list_dash 的点击事件而打开时打印(2 次)。

我已经结束了这些想法。在网上搜索我没有发现任何人有这个问题，所以我很担心。

谢谢

Answer 1

这是因为您在运行时调用函数 onClick={ this.handleChangeDash() }。

将其更改为:

 <MenuItem 
    onClick={ this.handleChangeDash }> Menu Name 
 </MenuItem>

或者你可以像这样制作一个箭头函数

 <MenuItem 
    onClick={ () => this.handleChangeDash() }> Menu Name 
 </MenuItem>

onClick 将在事件发生时自动调用它。