为什么反应中的组件需要大写？[重复]

Question

因此，当您用小写第一个字母声明一个组件处于响应状态时，它不会显示，否则会引发错误。当您将组件名称大写时，它确实有效。

它是如何实现的？避免与现有html元素冲突，还是这是一个bug？

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

React实际上只是区分大小写。

这里有一个相关的github问题，有人问同样的问题。https://github.com/reactjs/React.NET/issues/76

Answer 2

从一些发行说明中

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