Bereaksi Negara (state)

Bereaksi terhadap komponen sebagai mesin negara (State Machines). Melalui interaksi dengan pengguna, untuk mencapai negara yang berbeda, kemudian membuat UI, sehingga user interface dan data konsistensi.

Bereaksi tahun, hanya memperbarui majelis negara bagian, dan kemudian kembali membuat antarmuka pengguna berdasarkan negara baru (tidak beroperasi DOM).

Contoh berikut membuat komponenLikeButton, metode getInitialState digunakan untuk menentukan keadaan awal, yaitu, objek yang dapat dibaca oleh properti this.state.Ketika pengguna mengklik pada komponen, mengakibatkan perubahan keadaan, metode this.setState untuk mengubah status nilai setelah setiap modifikasi otomatis memanggil this.render menjadikan komponen lagi.

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

Coba »