שלום אורח התחבר

אורך הפרק כ-6 דקות

 

לצורך הגדרת State לפקד נוסיף את הפונקציה getInitialState. על כל שינוי ב State נדווח באמצעות הפעלת הפונקציה המיוחדת setState.

הפקד Clicker הבא מבצע את שתי הפעולות:

var Clicker = React.createClass({
  getInitialState() {
    return { clicks: 0 };
  },

  click() {
    this.setState({
      clicks: this.state.clicks + 1,
    });
  },

  render() {
    return (<div>
        <p>You clicked {this.state.clicks} times. 
          <button onClick={this.click}>Click Here</button>          
        </p>
      </div>);
  }
});

במקרים בהם יש יותר משדה אחד ב State, הפעלת הפונקציה setState משלבת (merge) את האוביקט שקיבלה עם המידע שכבר קיים ב State.

קוד הפקד שהוצג בפרק (לחצו להפעלה):