使用‘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的,記錄一下