我正在JSBin上使用 ReactJS 框架。
我注意到如果我的组件名称以小写字母开头，则它不起作用。
例如，以下不呈现：
var fml = React.createClass({
render: function () {
return <a href='google.com'>Go</a>
}
});
React.render(<fml />, document.body);
但是一旦我fml用Fml它替换它就会渲染。
有什么原因我不能用小写字母开始标签吗？
在 JSX 中，小写的标签名称被认为是 HTML 标签。但是，带有点（属性访问器）的小写标记名称不是。
<component />编译为React.createElement('component')（html标签）<Component /> 编译为 React.createElement(Component)<obj.component /> 编译为 React.createElement(obj.component)@Alexandre Kirszenberg给出了一个很好的答案，只是想添加另一个细节。
React 曾经包含一个众所周知的元素名称的白名单，例如divetc，用于区分 DOM 元素和 React 组件。
但是因为维护这个列表并不是那么有趣，而且因为 Web 组件可以创建自定义元素，所以他们制定了一个规则，所有 React 组件必须以大写字母开头，或者包含一个点。
当元素类型以小写字母开头时，它指的是像或这样的内置组件，并导致传递给 React.createElement 的字符串“div”或“span”。以大写字母开头的类型，如 compile to React.createElement(Foo) 并对应于在 JavaScript 文件中定义或导入的组件。
另请注意：
我们建议使用大写字母命名组件。如果您确实有一个以小写字母开头的组件，请在将其用于 JSX 之前将其分配给一个大写的变量。
这意味着必须使用：
const Foo = foo;在foo用作 JSX 中的 Component 元素之前。
JSX标签的第一部分决定了 React 元素的类型，基本上有一些约定大写、小写、点符号。
大写和点符号类型表示该JSX标签指的是 React 组件，因此如果您使用 JSX <Foo />compile to React.createElement(Foo)
OR
<foo.bar />compile toReact.createElement(foo.bar)并对应于在您的 JavaScript 文件中定义或导入的组件。
而小写类型指示内置组件，如<div>或<span>并导致字符串'div'或'span'传递给React.createElement('div')。
React 建议使用大写字母命名组件。如果您确实有一个以小写字母开头的组件，请在将其用于JSX.
在 JSX 中，React 类被大写以使 XML 兼容，因此不会被误认为是 HTML 标签。如果 react 类没有大写，则它是一个 HTML 标记，作为预定义的 JSX 语法。