Das Folgende ist ein einfacher dynamischer Effekt, der in React geschrieben wurde, einige Teile sind jedoch unklar. Warum müssen wir bind(this) am Ende des Timers hinzufügen? Welche Funktion hat es? Mir fehlt ein Wissen, das mich über das Hinzufügen von bind(this) unklar macht?

var Hello = React.createClass({
  getInitialState: function () {
    return {
      opacity: 1.0
    };
  },

  componentDidMount: function () {
    this.timer = setInterval(function () {
      var opacity = this.state.opacity;
      opacity -= .05;
      if (opacity < 0.1) {
        opacity = 1.0;
      }
      this.setState({
        opacity: opacity
      });
    }.bind(this), 100);
  },

  render: function () {
    return (
      <p style={{opacity: this.state.opacity}}>
        Hello {this.props.name}
      </p>
    );
  }
});

ReactDOM.render(
  <Hello name="world"/>,
  document.body
);