ReactJS 的英文翻译：“react-with-addons.js:9729 Uncaught TypeError: type.toUpperCase is not a function”

Question

我在使用 ReactJS + JSX 时偶尔会遇到错误，日志文件类似于“react-with-addons.js:9729 Uncaught TypeError: type.toUpperCase is not a function”。对 StackOverflow 尤其是网络的搜索表明这是一个常见的问题。一个示例，来自某人在不需要时将 React 类名包装在花括号中，位于：React error "Uncaught TypeError: type.toUpperCase is not a function" on a hello world app

我不完全确定如何将其排除在某个地方出了问题的陈述之外，还可能暗示这是一个语法错误，而不是例如逻辑错误。我的搜索都没有发现一个确凿的证据，它会直接从 toUpperCase 错误转到要转到的特定区域，或者搜索特定类型的语法错误，或者在搜索您的源时应用特定的启发式或算法。有多个方面证明了类似的错误，但到目前为止，我在网上读到的没有人说过“尤里卡！”

我的代码正在处理中，在http://pastebin.com/e7mG3mir 有一个快照。我想专门修复我的代码中的这个缺陷，但我想知道更多如何继续砍掉和烧掉这种类似 Hydra 类的错误。

Answer 1

我不确定“一般”的解决方案，但我在React error "Uncaught TypeError: type.toUpperCase is not a function" on a hello world app 引用的问题是在预期纯 JavaScript 的上下文中错误地处理 JSX；在这种情况下，我给出了一个 JSX 标记，我应该在其中给出类名。

我的代码是：

var pragmatometer = React.createElement(<Pragmatometer />, null);

我想要的代码是：

var pragmatometer = React.createElement(Pragmatometer, null);

所以我不确定我是否有一个通用的解决方案，但如果（何时）再次发生该错误，我的第一个调用端口将是我在使用（非严格 JavaScript）JSX 语法时所做的任何更改.