首页 > 其他 > 详细

React添加自定义属性

时间:2016-12-19 21:01:57      阅读:426      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!