Реагировать государство (состояние)

Реагировать к компоненту в качестве государственной машины (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')
);

Попробуйте »