Изменить свойства конструктора в ReactJS

Question

У меня есть один вопрос о реагирующем конструкторе, потому что я использовал угловой и привык к способу привязки поведения.И я не знаю, как изменить свойства конструктора.И объясни мне, как я не могу этого сделать, и объясни мне, как я могу достичь своей цели.

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>
 )

}

Answer 1

Он имеет право. Сначала должен использовать this.state, потому что мы должны установить начальное состояние, а затем с помощью this.setState получить новое значение (без метра профи или состояния ведьмы мы хотим)

Answer 2

В вашем примере вы должны использовать valueExample в состоянии.В конструкторе вы устанавливаете начальное состояние для компонента

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

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

Когда вы нажимаете кнопку, компонент будет повторно визуализироваться, и значениеExample будет обновляться в представлении.

В реакции только компоненты (представление)обновление (повторная визуализация) при изменении состояния или реквизита компонента.Вы можете прочитать в документе Reactjs https://reactjs.org/docs/components-and-props.html https://reactjs.org/docs/state-and-lifecycle.html