React添加自定义属性

时间:2022-06-03 20:21:38

使用‘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的,记录一下