为什么反应中的成分需要大写？

Question

因此，当您声明一个组件以小写首字母作为反应时，该组件不会显示，并且不会引发错误。当您将组件名称大写时，它确实起作用。

这样实现的是什么？为了避免与现有的html元素冲突，还是这是一个错误？

var test = React.createClass({
  render: function() {
    return (
      <div>Test</div>
    );
  }
});

var Screen = React.createClass({
  render: function() {
    return (
      <div>
        <test/>
      </div>
    );
  }
});

当我更改test为时Test，它可以工作：

var Test = React.createClass({
  render: function() {
    return (
      <div>Test</div>
    );
  }
});

var Screen = React.createClass({
  render: function() {
    return (
      <div>
        <Test/>
      </div>
    );
  }
});

Answer 1

从一些反应发行说明

JSX标记名称约定（小写字母名称是指内置组件，大写字母名称是指自定义组件）。