Почему необходимо активизировать компоненты в реагировании?

Итак, когда вы объявляете компонент в реакции с строчной первой буквой, он не появляется, не вызывая ошибки. Когда вы заглаживаете имя компонента, он работает.

Что это такое реализовано? Чтобы избежать столкновения с существующими элементами 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>
    );
  }
});