React添加自定义属性

Posted 酱板鸡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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添加自定义属性的主要内容,如果未能解决你的问题,请参考以下文章

VS中添加自定义代码片段——偷懒小技巧

从 DOM 中读取 HTML 片段并向其中添加自定义数据

VS code自定义用户代码片段snippet

如何在没有 JSX 的元素中添加自定义属性(仅使用 createElement 方法)?

React 使用jsx

为动态创建的 Android 片段提供自定义属性值