رد فعل الدولة (الدولة)

الرد على عنصر وجهاز الدولة (ماكينات الدولة). من خلال التفاعل مع المستخدم، لتحقيق ولايات مختلفة، ثم تقدم واجهة المستخدم، بحيث واجهة المستخدم والبيانات الاتساق.

الرد سنوات، ببساطة تحديث برلمان الولاية، ومن ثم إعادة تقديم واجهة المستخدم استنادا إلى الدولة الجديدة (لا للعمل 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')
);

محاولة »