使用‘data-’前缀即可,代码举例
render(){ return ( <ul className={css.forUl}> { this.props.todo.map(function(item,index){ return ( <li className={css.forLi} key={index+'s'} data-index={index}> //此处即为添加的自定义属性 <input type="text" onBlur={this.handleDataBase()} className={css.forLabel} defaultValue={item.content}/> <button className={css.forDel} onClick={this.handleDel} data-key={index}>删除</button> <button className={css.forComplete} onClick={this.handleComplete}>完成</button> </li> ); }.bind(this)) } </ul> ); }
不这样添加属性,之前是报了一个warning的,记录一下