为什么reactjs不渲染变量名以小写字母开头的对象？

Question

我刚刚开始使用用于虚拟 DOM 绑定 "ReactJS" 的 facebook 库以及 JSXTransformer。我正在学习 http://ryanclark.me/getting-started-with-react/ 的简单入门教程。

我写了一个简单的代码来在我的页面上呈现一个 div 在 body 标签内有消息 "Hello world" 但 React 没有呈现它也没有给出任何错误。我的代码如下。

<script type="text/jsx">
    var customMessage = React.createClass({
        render: function() {
            return <div>Hello World</div>;
        }       
    });
    React.render(<customMessage />,document.body);
</script>

经过1小时的艰苦奋斗，我才知道这是由于我的变量名'customMessage'引起的。当我将其更改为 CustomMessage（ 以大写 'C' 开头）时，它工作正常。只是想知道为什么这里不允许以小写字母开头的变量名，而我们可以很容易地在 javascript.I 中使用它们，但在教程和在线文档中没有找到（或者我可能错过了）有什么具体原因.

Answer 1

React 通过大写字母识别组件。如果它不是以大写字母开头，它会假定它是一个常规的 HTML 标签。

为什么reactjs不渲染变量名以小写字母开头的对象？

Why reactjs doesnot render objects whose variable name starts with small letter?

javascript

reactjs

react-jsx