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的,記錄一下


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM