React 0.12.2：“错误：JSX不再支持小写组件名称（纸张按钮）”

Question

我试图在React组件中使用Web组件（ paper-icon-button ），但出现以下错误：

Error: Lower case component names (paper-button) are no longer supported in JSX" error: See http://fb.me/react-jsx-lower-case

从React 0.12开始，所有小写标签名称都被解释为DOM元素与React组件，因此这应该可以工作：

<paper-icon-button className="red" icon="favorite"></paper-icon-button>

但是，我注意到以下条件仍然包含在/node_modules/react/dist/JSXTransformer.js和/node_modules/react-tools/vendor/fbtransform/transforms/react.js的当前版本中：

// Identifiers with lower case or hypthens are fallback tags (strings).
  // XJSMemberExpressions are not.
  if (nameObject.type === Syntax.XJSIdentifier && isTagName(nameObject.name)) {
    // This is a temporary error message to assist upgrades
    if (!FALLBACK_TAGS.hasOwnProperty(nameObject.name)) {
      throw new Error(
        'Lower case component names (' + nameObject.name + ') are no longer ' +
        'supported in JSX: See http://fb.me/react-jsx-lower-case'
      );
    }

此评论// This is a temporary error message to assist upgrades似乎表明这只是一条信息，但它破坏了我应用程序的Grunt工作流程。 如何在react@^0.12中使用自定义元素/ Web组件？

我的项目：

使用以下options: { transform: [require('grunt-react').browserify] }运行grunt-browerify任务时出现错误options: { transform: [require('grunt-react').browserify] }选项。 这就是我的package.json中的内容：

...
"grunt-browserify": "^3.3.0",
"grunt-react": "^0.10.0",
"react": "^0.12.2",
"node-jsx": "^0.12.4"
...

Answer 1

由于此内容已合并，因此应在React.js 0.13.0-alpha.1或更高版本中修复。 升级到0.13应该消除警告。