Лучшее руководство по Реагировать государство (состояние) в 2024 году. В этом руководстве вы можете изучить Реагировать государство (состояние)
Реагировать государство (состояние)
Реагировать к компоненту в качестве государственной машины (State Machines). Через взаимодействие с пользователем, для достижения различных состояний, затем сделать пользовательский интерфейс, так что пользовательский интерфейс и данных последовательности.
Реагировать лет, просто обновить государственную сборку, а затем вновь сделать пользовательский интерфейс, основанный на новом состоянии (не работать DOM).
Следующий пример создает компонентыLikeButton, метод getInitialState , используемые для определения исходного состояния, то есть объект , который может быть прочитан this.state собственности.Когда пользователь нажимает на компоненте, что приводит к изменению состояния, this.setState метод для изменения значения состояния после каждой модификации автоматически вызывать this.render снова делает компонент.
var LikeButton = React.createClass({ getInitialState: function() { return {liked: false}; }, handleClick: function(event) { this.setState({liked: !this.state.liked}); }, render: function() { var text = this.state.liked ? '喜欢' : '不喜欢'; return ( <p onClick={this.handleClick}> 你<b>{text}</b>我。点我切换状态。 </p> ); } }); React.render( <LikeButton />, document.getElementById('example') );