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

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

От some react release notes

на JSX имя тега конвенции (строчные имена относятся к встроенным компонентам, капитализированные имена относятся к пользовательским компонентам).

Answer 2

Реагировать на самом деле просто чувствительны к регистру.

Здесь есть соответствующая проблема github, где кто-то задает тот же вопрос. https://github.com/reactjs/React.NET/issues/76