＆＃34;无法读取未定义的属性调用＆＃34; JSBin上的错误？

Question

我正在尝试使用JSBin学习React。我有简单的示例代码BookList和BookInfo（在BookList中呈现项目）。

http://jsbin.com/hoyeroz/2/edit?js,output

我在控制台中遇到以下错误：

Uncaught TypeError: Cannot read property 'call' of undefined

这是一个JSBin错误还是我错误地声明了React组件？

Answer 1

您的代码是正确的，并且也在工作，不知道为什么它不能用于JSBin，因为相同的代码在jsfiddle上提供了正确的输出。

检查fiddle：https://jsfiddle.net/03Lm3zbv/

更新：做了一些谷歌搜索后终于得到了这个：

这是JSBin的错误，以及它如何处理与Babel的转换。如果您将编译语//noprotect添加到代码顶部，则可以使用。

检查JSBin上的工作代码：http://jsbin.com/gedavinodu/edit?html,js,output

Answer 2

此处没有明确的bind电话。那么什么不受约束？好吧，如果你把它放在compontentDidMount中，你就会看到你得到了你想要的结果。

    this.setState({ books: [{"body": "body text", "name": "the name"}]});

所以ajax调用失败了。这似乎是可疑的：$.ajax。在我看来，$没有绑定到您认为的jQuery函数。