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

如何在react中将

data reactid

属性更改为我的自定义属性，如

data hello=“world”

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

更新：自React 15起，数据reactid已被删除，并且从未作为属性写入DOM

简单的回答是：不要触摸数据ID。曾经它是React的一个重要部分，基本上用于在虚拟DOM树发生更改时执行正确的DOM操作。假装它不在那里

但是，您可以按任何方式添加自己的数据属性：

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

render（）{
返回(
{this.props.title}
);
}

---

工作示例：

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

请向我们展示您的努力。到目前为止你都做了些什么。这就是你想要做的吗？实际上没有理由在react中使用数据属性。无论您试图实现什么，都应该通过其他方式来实现。@BlairAnderson:

data-

attribs非常适合使用CSS，无论是哪种框架使html@dandavis这就是上课的目的？在你的代码中我仍然可以看到一个标题，当然，React注入了数据reactid，正如我所说的，因为它是在DOM改变时React钩住的东西。你到底想干什么？如果要操作数据ID，可以将

key=“myId”

传递给组件。输出将是

，但这仅在迭代数组或类似对象时才有必要。请参阅更新的小提琴：