Question

为什么我的第二个组件没有加载到第一个组件中？这是代码：

var ComponentOne = React.createClass({
    render: function(){
      return(
        <div>
          <h1>ComponentOne</h1>
          <componentTwo />
        </div>
      )
    },
  });

  var componentTwo = React.createClass({
    render: function(){
      return(
        <div>
          <h2> componentTwo </h2>
        </div>
      )
    }
  })

这里我在<componentTwo />的第一个组件中添加了第二个组件，但仍未显示。

这是a Plunker。

Answer 1

只需用大写字母启动你的component2就行了

类似

var ComponentOne = React.createClass({
    render: function(){
      return(
        <div>
          <h1>ComponentOne</h1>
          <ComponentTwo />
        </div>
      )
    },
  });

  var ComponentTwo = React.createClass({
    render: function(){
      return(
        <div>
          <h2> componentTwo </h2>
        </div>
      )
    }
  })

为什么大都会？可在此处找到解释https://stackoverflow.com/a/30373505/2551236

希望这有帮助！

祝你好运！

无法在ReactJS中的第一个组件中加载第二个组件

1 个答案: