在React中设置条件CSS类

时间:2017-09-29 20:24:39

标签: javascript css reactjs

我有一个React组件,其中div个元素列表以id为键。只要点击此项,就会使用state功能将currentMail中的值设置为switch。现在,我正在尝试检查列表中的哪个div元素是所选元素,以便我可以使用selected设置自定义CSS类this.state.currentMail.id == this.props.itemId。但是这不起作用。这段代码有什么问题?有没有办法使用key属性检查相同的内容,虽然它看起来与itemId属性相同?

<div key={mail.id} itemId={mail.id} onClick={()=>this.switch(mail.id)} 
className={"items " + (this.state.currentMail.id === this.props.itemId ? 'selected' : '')}>

switch(id) {
  //data;
  let item = this.state.data.find(x => x.RID === id);
  this.setState({
     currentMail: item
  });
}

0 个答案:

没有答案