Изменить свойства конструктора в ReactJS
У меня есть один вопрос о конструкторе реакции, потому что я использовал 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>
)
}
Ответы 2
В вашем примере вы должны использовать valueExample в состоянии. В конструкторе вы устанавливаете начальное состояние для компонента
constructor(props){
super(props)
this.state = { valueExample: "" }
}
changeExample(){
this.setState({ valueExample: "Hello ..." })
}
Когда вы нажимаете кнопку, компонент будет повторно отрисован, а valueExample обновится в представлении.
В ответ компоненты (представление) обновляются (повторно визуализируются) только при изменении состояния или свойств компонента. Вы можете прочитать в документации по reactjs https://reactjs.org/docs/components-and-props.htmlhttps://reactjs.org/docs/state-and-lifecycle.html
Почему один ввод правильный, а вся форма правильная? При изменении ввода вы обновляете значение ввода в состоянии. Если вам нужна проверка, вам нужно проверить все значения каждого ввода в состоянии. Вы можете использовать componentWillUpdate (nextState, nextProps)
Он имеет право. Сначала он должен использовать this.state, потому что мы должны установить начальное состояние, а затем с помощью this.setState получить новое значение (никаких плюсов счетчика или состояния ведьмы, которое мы желаем)
Да, я знаю это, но я хотел бы проверить форму, и я хотел бы проверить шаблон в реальном времени, и если я использую this.state и один ввод верен, вся форма будет исправлена