如何在react的render方法中调用方法

Question

我得到了React nooob问题。问题是我需要在xxx方法中调用名为render的方法，但我不知道如何。

这是方法：

xxx() {
    return (
        this.state.dataLoadedQuote &&
        <BlogBandLeadershipBlogQuoteItem item={this.state.blogQuote} labels={this.props.labels} />
    );
}

Answer 1

您似乎正在正确调用xxx()函数（尽管您不需要传递参数0 - 这是不必要的）。问题可能是，因为您在this内使用xxx()，所以需要在构造函数中绑定该函数。否则，this将不会引用您的组件，因此this.state.dataLoadedQuote将始终是假的。

添加：

this.xxx = this.xxx.bind(this);

您的构造函数现在看起来像：

constructor() {
  super();
  this.state = {}

  this.xxx = this.xxx.bind(this);
}