Question

我有两个图标来确定我的Meteor React项目中的一堆组件的视图

目前，我将每个图标包含在具有特定onClick功能的范围内。有没有办法用一个函数处理这个，传入一个id作为道具？

我希望有类似的东西：

<span id="grid" onClick={this.handleViewBtnClick.bind(this, id)}> 
  <i className="fa fa-th" ></i>
</span> 
<span id="list" onClick={this.handleViewBtnClick.bind(this, id)}>
  <i className="fa fa-align-justify" ></i>
</span>

和

handleViewBtnClick(id) {
  this.setState({
  view: id
  })
}

但是这并没有产生预期的结果，我尝试过的任何其他事情都没有。我开始工作的唯一一次是我将两个图标包裹在button而不是跨度中。我想我可以让它透明，但有没有办法将它包装在span或根本不包装？

非常感谢！

Answer 1

使用箭头功能：

<span id="grid" onClick={() => this.handleViewBtnClick('first-id')}> 
    <i className="fa fa-th" ></i>
</span> 
<span id="list" onClick={() => this.handleViewBtnClick('second-id')}> 
    <i className="fa fa-align-justify" ></i>
</span>

图标onClick问题

1 个答案: