Javascript React.js简单组件组合问题

我尝试在react中重现以下简单的HTML代码：

经典HTML

<div>
  Hello
  <div>child</div>
  <div>child</div>
  <div>child</div>
</div>

---

我错过了什么？？谢谢。

将组件名称大写。从：

HTML标记与React组件的比较

var HelloComponent = React.createClass(
{
  render: function()
  {
    return (
      <div>
        Hello
        <div>child</div>
        <div>child</div>
        <div>child</div>
      </div>
    );
  }
});

var mount = React.render(<HelloComponent/>, document.body);

var childComponent = React.createClass(
{
  render: function()
  {
    return (<div>child</div>);
  }
});

var HelloComponent = React.createClass(
{
  render: function()
  {
    return (
      <div>
        Hello
        <childComponent/>
        <childComponent/>
        <childComponent/>
      </div>
    );
  }
});

var mount = React.render(<HelloComponent/>, document.body);

React可以呈现HTML标记（字符串）或React组件 （班级）

要呈现HTML标记，只需在JSX中使用小写标记名：

var myDivElement = <div className="foo" />;
React.render(myDivElement, document.body);

var myDivElement=；
React.render（myDivElement，document.body）；

要呈现React组件，只需创建一个开始的局部变量 带大写字母：

var MyComponent = React.createClass({/*...*/});
var myElement = <MyComponent someProperty={true} />;
React.render(myElement, document.body);

var MyComponent=React.createClass（{/*…*/}）；
var myElement=；
React.render（myElement，document.body）；

React的JSX使用大小写约定来区分 在本地组件类和HTML标记之间

---

将组件名称字幕化。从：

HTML标记与React组件的比较

var HelloComponent = React.createClass(
{
  render: function()
  {
    return (
      <div>
        Hello
        <div>child</div>
        <div>child</div>
        <div>child</div>
      </div>
    );
  }
});

var mount = React.render(<HelloComponent/>, document.body);

var childComponent = React.createClass(
{
  render: function()
  {
    return (<div>child</div>);
  }
});

var HelloComponent = React.createClass(
{
  render: function()
  {
    return (
      <div>
        Hello
        <childComponent/>
        <childComponent/>
        <childComponent/>
      </div>
    );
  }
});

var mount = React.render(<HelloComponent/>, document.body);

React可以呈现HTML标记（字符串）或React组件 （班级）

要呈现HTML标记，只需在JSX中使用小写标记名：

var myDivElement = <div className="foo" />;
React.render(myDivElement, document.body);

var myDivElement=；
React.render（myDivElement，document.body）；

要呈现React组件，只需创建一个开始的局部变量 带大写字母：

var MyComponent = React.createClass({/*...*/});
var myElement = <MyComponent someProperty={true} />;
React.render(myElement, document.body);

var MyComponent=React.createClass（{/*…*/}）；
var myElement=；
React.render（myElement，document.body）；

React的JSX使用大小写约定来区分 在本地组件类和HTML标记之间

---

将组件名称字幕化。从：

HTML标记与React组件的比较

var HelloComponent = React.createClass(
{
  render: function()
  {
    return (
      <div>
        Hello
        <div>child</div>
        <div>child</div>
        <div>child</div>
      </div>
    );
  }
});

var mount = React.render(<HelloComponent/>, document.body);

var childComponent = React.createClass(
{
  render: function()
  {
    return (<div>child</div>);
  }
});

var HelloComponent = React.createClass(
{
  render: function()
  {
    return (
      <div>
        Hello
        <childComponent/>
        <childComponent/>
        <childComponent/>
      </div>
    );
  }
});

var mount = React.render(<HelloComponent/>, document.body);

React可以呈现HTML标记（字符串）或React组件 （班级）

要呈现HTML标记，只需在JSX中使用小写标记名：

var myDivElement = <div className="foo" />;
React.render(myDivElement, document.body);

var myDivElement=；
React.render（myDivElement，document.body）；

要呈现React组件，只需创建一个开始的局部变量 带大写字母：

var MyComponent = React.createClass({/*...*/});
var myElement = <MyComponent someProperty={true} />;
React.render(myElement, document.body);

var MyComponent=React.createClass（{/*…*/}）；
var myElement=；
React.render（myElement，document.body）；

React的JSX使用大小写约定来区分 在本地组件类和HTML标记之间

---

将组件名称字幕化。从：

HTML标记与React组件的比较

var HelloComponent = React.createClass(
{
  render: function()
  {
    return (
      <div>
        Hello
        <div>child</div>
        <div>child</div>
        <div>child</div>
      </div>
    );
  }
});

var mount = React.render(<HelloComponent/>, document.body);

var childComponent = React.createClass(
{
  render: function()
  {
    return (<div>child</div>);
  }
});

var HelloComponent = React.createClass(
{
  render: function()
  {
    return (
      <div>
        Hello
        <childComponent/>
        <childComponent/>
        <childComponent/>
      </div>
    );
  }
});

var mount = React.render(<HelloComponent/>, document.body);

React可以呈现HTML标记（字符串）或React组件 （班级）

要呈现HTML标记，只需在JSX中使用小写标记名：

var myDivElement = <div className="foo" />;
React.render(myDivElement, document.body);

var myDivElement=；
React.render（myDivElement，document.body）；

要呈现React组件，只需创建一个开始的局部变量 带大写字母：

var MyComponent = React.createClass({/*...*/});
var myElement = <MyComponent someProperty={true} />;
React.render(myElement, document.body);

var MyComponent=React.createClass（{/*…*/}）；
var myElement=；
React.render（myElement，document.body）；

React的JSX使用大小写约定来区分 在本地组件类和HTML标记之间