React 子组件不渲染

Question

我是新手，目前正在尝试渲染一些组件。 我的问题是只有父组件被渲染。 我也有子组件，但反应似乎没有识别它们？

这是我导入 App 组件的索引。

import ReactDom from 'react-dom';
import React from 'react';
import App from './app';

function BuildApp() {
  return (
    <App />
  );
}

ReactDom.render(<BuildApp />, document.body);

这是我的 App 组件。

import React from 'react';
import Container from './components/bootstrap-components/Container';
import TopInfo from './components/TopInfo/TopInfo';

export default function App() {
  return (
      <Container>
        <TopInfo />
      </Container>
  );
}

我的 App Component 唯一呈现的是 Container Component 而不是 TopInfo。 如果我删除了 Container 组件并且只有 TopInfo，React 将呈现 TopInfo。

Answer 1

请参阅React 儿童。

function Container(props) {
   return (
     <div>
       {props.chilidren}
     </div>
   );
}