javascript - ReactJS 组件名称必须以大写字母开头吗？

Question

我正在 JSBin 上使用 ReactJS 框架.

我注意到，如果我的组件名称以小写字母开头，则它不起作用。

例如以下内容不会呈现:

var fml = React.createClass({
  render: function () {
    return <a href='google.com'>Go</a>
  }
});

React.render(<fml />, document.body);

但是当我用 Fml 替换 fml 时，它就会渲染。

我无法以小写字母开头标签有什么原因吗？

Answer 1

在 JSX 中，小写标签名称被视为 HTML 标签。但是，带有点(属性访问器)的小写标签名称则不然。

参见HTML tags vs React Components .

• <component />编译为React.createElement('component') (html标签)
• <Component />编译为React.createElement(Component)
• <obj.component />编译为React.createElement(obj.component)