更改ReactJS中的构造函数属性

我有一个关于react构造函数的问题，因为我使用了angular和习惯于绑定行为的方式。我不知道如何从构造函数更改属性。告诉我我怎么做不到，告诉我怎么才能实现我的目标

class example extends React.Component {
 constructor(){
   super();
   this.changeExample = this.changeExample.bind(this)
   this.valueExample = 'Hello Example'
 }
 changeExample() {
   this.valueExample = 'Hello StackOverFlow'
 }
 render()
 return(
   <button onClick="{this.chnageExample}"></button>
   <div className="example">{this.valueExample}</div>
 )

}

类示例扩展了React.Component{
构造函数（）{
超级（）；
this.changeExample=this.changeExample.bind（this）
this.valueExample='Hello Example'
}
changeExample（）{
this.valueExample='Hello StackOverFlow'
}
render（）
返回(
{this.valueExample}
)
}

在您的示例中，应该在state中使用valueExample。在contructor中，设置组件的初始状态

constructor(props){
    super(props)
    this.state = { valueExample: "" }
}

changeExample(){
   this.setState({ valueExample: "Hello ..." })
}

单击该按钮后，组件将重新渲染，valueExample将在视图中更新

在react中，组件（视图）仅在组件的状态或道具更改时更新（重新渲染）。 您可以在reactjs的文档中读取

---

他有权。首先必须使用这个.state，因为我们必须设置初始状态，然后使用这个.setState获得新值（没有仪表专业人员或我们希望的巫师状态）

是的，我知道，但我想要验证表单，我想要实时验证模式，如果我用这个。状态，一个输入是正确的，所有的表格都会正确，为什么一个输入是正确的，那么所有的表格都是正确的？当输入更改时，您将更新状态中输入的值。如果需要验证，则需要检查状态中每个输入的所有值。您可以使用componentWillUpdate（nextState，nextProps）