React (stan)

React do składnika jako machiny państwowej (State Machines). Poprzez interakcję z użytkownikiem, aby osiągnąć różne stany, a następnie uczynić UI, dzięki czemu interfejs użytkownika i danych konsystencję.

React roku, po prostu zaktualizować zespół państwowy, a następnie ponowne renderowanie interfejsu użytkownika opartego na nowym stanie (nie działają DOM).

Poniższy przykład tworzy komponentyLikeButton, metody getInitialState używane do określenia stanu początkowego, czyli obiektu, który może być odczytywany przez this.state nieruchomości.Gdy użytkownik kliknie na części, w wyniku zmiany stanu, this.setState metoda modyfikacji wartości stanu po każdej modyfikacji automatycznie zadzwoni ponownie this.render renderuje komponent.

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

Spróbuj »