事件后更新html上的javascript变量-Reactjs

我正在处理JSX，我有以下问题

JS

HTML

---

我有可变的结果，当按下按钮时会发生变化。最初，该值为“”，事件发生后，该值变为另一个字符串。我想在每次按下按钮时显示新字符串。有什么建议吗？

您应该将该变量添加到组件的状态中。首先，增加

getInitialState() {
  return { value : "initialValue" };
}

或者如果使用ECMA6

constructor(props) {
  super(props);
  this.state = { value : "initialValue" };
}

如果您想更改，请致电

this.setState({ value : "newValue" });

在

渲染

方法中，使用：

render() {
  return <div className="content" dangerouslySetInnerHTML={{__html: this.state.value}} />;
}

---

哪个更好更安全：）

您应该将该变量添加到组件的状态中。首先，增加

getInitialState() {
  return { value : "initialValue" };
}

或者如果使用ECMA6

constructor(props) {
  super(props);
  this.state = { value : "initialValue" };
}

如果您想更改，请致电

this.setState({ value : "newValue" });

在

渲染

方法中，使用：

render() {
  return <div className="content" dangerouslySetInnerHTML={{__html: this.state.value}} />;
}

---

哪个更好、更安全：）

答案不错，但应该是{{{{uuu html:this.state.value}}（注意，你忘记了“state.”在“this”之后。你是对的，@JeffMcCloud！已经更新了答案。谢谢，我的朋友：）谢谢你的回复，它似乎不起作用。我想做的是用不同的值更新一个javascript变量，并在html上显示结果。您的回答给了我一个错误“getInitialState是在App上定义的，这是一个普通的JavaScript类。这只支持使用React.createClass创建的类。您的意思是定义一个状态属性吗？”@Spy，这是因为您使用的是ECMA6，而我不知道。语法有点变化，我会更新我的答案。我不确定我是否真的明白你的问题，但我想我明白了。你可以试着详细说明；你对react有多熟悉？它用你的方式工作。我是reactjs的新手，所以我不得不进行一段时间的故障排除。非常感谢你！！回答很好，但应该是{{{uuu html:this.state.value}}（注意，您忘记了“state.”在“this.”之后。您是对的，@JeffMcCloud！已经更新了答案。谢谢，我的朋友：）谢谢您的回复。它似乎不起作用。我想做的是用不同的值更新一个javascript变量，并在html上显示结果。您的回答给了我一个错误“getInitialState是在App上定义的，这是一个普通的JavaScript类。这只支持使用React.createClass创建的类。您的意思是定义一个状态属性吗？”@Spy，这是因为您使用的是ECMA6，而我不知道。语法有点变化，我会更新我的答案。我不确定我是否真的明白你的问题，但我想我明白了。你可以试着详细说明；你对react有多熟悉？它用你的方式工作。我是reactjs的新手，所以我不得不进行一段时间的故障排除。非常感谢你！！