我有一个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
});
}