React 子组件不渲染

Question

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

这是我导入 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>
  );
}

我的应用程序组件唯一呈现的是容器组件，而不是 TopInfo。如果我删除 Container 组件并且只有 TopInfo，React 将呈现 TopInfo。

Answer 1

参考React children.

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

React 子组件不渲染

React child components do not render

javascript

jsx

reactjs

webpack

react-dom