Javascript 在我的组件中使用React、ES6呈现状态

我正在学习react，我选择使用ES6创建一个简历应用程序示例

下面是我在

App.js

class ContentBlock extends React.Component {
    constructor(props) {
      super(props);
      this.state = { heading: '', body: '' };
    }
    setText() {
      this.setState({ heading: "I'm Daniel", body: "I am about to be twenty seven years old" });
    }
    componentDidMount() {
      {this.setText.bind(this)}
    }
    render() {
      return (
        <Media>
          <Media.Left>
            <Image src={this.props.src}/>
          </Media.Left >
          <Media.Heading>{this.state.heading}</Media.Heading>
          <Media.Body>
            <p>{this.state.body}</p>
          </Media.Body>
        </Media>
      );
    }
  }

---

我指定图像并将其传递到

About

组件，该组件将继承

ContentBlock

。

所有这些语句：

this.setText.bind（this）

只将

setText

函数绑定到上下文，而不调用它。更重要的是，您正在将它绑定到它已经拥有的相同上下文。这里不需要装订

只要改变这个：

componentDidMount() {
  {this.setText.bind(this)}
}

致：

---

所有这些语句：

this.setText.bind（this）

只将

setText

函数绑定到上下文，但不调用它。更重要的是，您正在将它绑定到它已经拥有的相同上下文。这里不需要装订

只要改变这个：

componentDidMount() {
  {this.setText.bind(this)}
}

致：

---

谢谢拉扎雷夫，这就成功了。作为快速跟进，React官方教程中提供了一个Es6类的示例，其中有一行用于

计数器

类

。根据您的回答，这难道不会同时调用

勾选

函数吗？在本例中，您不希望在它重新渲染时调用它，而只希望在单击div时调用它。所以你是对的，它不会调用它直到它的clickedGlad来帮助你，丹！不，这是不同的情况。添加事件处理程序时，不需要应用函数，对吗？您只需描述处理单击事件时必须执行的操作。实际上，只需将引用传递给函数。但是在您的例子中，您确实需要调用函数来更改组件状态。谢谢Lazarev，这就成功了。作为快速跟进，React官方教程中提供了一个Es6类的示例，其中有一行用于

计数器

类

。根据您的回答，这难道不会同时调用

勾选

函数吗？在本例中，您不希望在它重新渲染时调用它，而只希望在单击div时调用它。所以你是对的，它不会调用它直到它的clickedGlad来帮助你，丹！不，这是不同的情况。添加事件处理程序时，不需要应用函数，对吗？您只需描述处理单击事件时必须执行的操作。实际上，只需将引用传递给函数。但在您的情况下，确实需要调用函数来更改组件状态。

componentDidMount() {
  this.setText()
}