Question

我有一些像这样的代码

goToEvent() {
  FlowRouter.go('/event/${id}');
}

return (
  {e.users.map( (id) => {
    <ListItem key={id} primaryText="Event" onClick={this.goToEvent.bind(this)} />
  })}
);

我不确定如何将id参数放入goToEvent()。

我实际上在构造函数中有绑定所以我尝试使用onClick={this.goToEvent(id)}但是意识到这是不正确的，因为它正在立即调用该方法。

任何帮助或指示都将不胜感激。

Answer 1

对于反应，解决方案是

return (
  {e.users.map( (id) => {
    <ListItem key={id} primaryText="Event" onClick={this.goToEvent.bind(this, id)} />
  })}
);

Answer 2

你可以做到

onClick={this.goToEvent.bind(this,id)}

并且在函数传递id中就像这样

goToEvent(id) {
  FlowRouter.go('/event/${id}');
}

如何从Meteor / React中的onClick传递变量？

2 个答案: