为什么反应中的组件需要大写？

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标记名称约定(小写名称表示内置组件,大写名称表示自定义组件).