"Can't read property call of undefined" 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

此处没有明确的 bind 调用。那么什么是未绑定的？好吧，如果你把它放在你的 compontentDidMount 中，你会发现你得到了你正在寻找的结果。

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

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

Answer 2

您的代码是正确的，并且也可以工作，不知道为什么它不能在 JSBin 上工作，因为相同的代码在 jsfiddle.

上提供正确的输出

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

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

这是 JSBin 的错误，以及它如何处理 Babel 的转译。如果您将 pragma //noprotect 添加到代码的顶部，它将起作用。

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