如何更改react组件中的reactid后缀

时间:2016-03-08 12:10:01

标签: javascript reactjs

如何将data-reactid属性更改为我的自定义属性,例如data-hello="world"中的反应?

<a data-reactid="......" ></a>

2 个答案:

答案 0 :(得分:8)

更新:从React 15开始,data-reactid已被删除,永远不会作为属性写入DOM

简短的回答:不要触摸数据重新连接。永远。它是React的重要组成部分,基本上用于在更改虚拟DOM树时执行正确的DOM操作。假装它不存在。

但是,您可以以任何方式添加自己的数据属性:

render () {
    return (
        <h1 data-hello={this.props.hello}>{this.props.title}</h1>
    );
}

工作示例:https://jsfiddle.net/0or98zjx/

答案 1 :(得分:0)

React创建虚拟DOM a,它测量实际DOM和虚拟DOM之间的差异,如果有任何更改,它将更改虚拟DOM。因此react.id将成为虚拟DOM的一部分。