React添加自訂屬性

標籤：data   and   default   todo   content   pre   使用   index   添加   

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

React添加自訂屬性