首页 > 代码库 > React添加自定义属性

React添加自定义属性

使用‘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添加自定义属性