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

Question

ReactJS组件名称必须以大写字母开头？我在玩ReactJS框架JSBin.我注意到，如果我的组件名以小写字母开头，则它不起作用。例如，以下内容没有呈现：var fml = React.createClass({   render: function () {     return <a href='google.com'>Go</a>   }});React.render(<fml />, document.body);但一旦我替换了fml带着Fml它确实渲染。我为什么不能用小写字母开始标签呢？

Answer 1

Morphaus给出了一个很好的答案，只是想补充另一个细节。Reaction用于包含著名元素名称的白名单，如div等等，它用来区分DOM元素和反应组件。

但是，因为维护这个列表并不那么有趣，而且由于web组件可以创建自定义元素，所以他们让它成为所有响应组件都必须以大写字母开头的规则，或者包含一个点。

Answer 2

从官方反应参考:

当元素类型以小写字母开头时，它引用了一个内置组件，如或，并导致字符串‘div’或‘span’传递给React.createElement。以大写字母开头的类型，如React.createElement(Foo)，对应于在JavaScript文件中定义或导入的组件。

还注意到：

我们建议用大写字母命名组件。如果您有一个以小写字母开头的组件，那么在使用它之前，将它分配给一个大写变量。

这意味着人们必须使用：

const Foo = foo;使用前foo作为JSX中的一个组件元素。