React ListView renderrow bind

Question

当我运行此代码时：

  render: function () {
    return (
      <ListView
        dataSource = {this.state.dataSource}
        renderrow = {this.renderBook.bind(this)}
        key={"list" + i}
        >
      </ListView>
    );
  }
});

我收到此消息：

  

无法读取未定义的属性bind，

我该如何解决？

Answer 1

您不应该将（this）绑定到渲染函数中的函数。在构造函数中执行，或者您可以使用ES2016表示法。

// constructor way
constructor(props) {
   super(props);
   this.renderBook.bind(this)
}

// ES2016 way
renderBook = () => {}