码迷,mamicode.com
首页 > 其他好文 > 详细

React添加自定义属性

时间:2016-12-19 21:04:06      阅读:1089      评论:0      收藏:0      [点我收藏+]

标签: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添加自定义属性

标签:data   and   default   todo   content   pre   使用   index   添加   

原文地址:http://www.cnblogs.com/jiangbanji/p/6198620.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!