javascript - 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。
解决方案
请参阅React 儿童。
function Container(props) {
return (
<div>
{props.chilidren}
</div>
);
}
推荐阅读
- logging - Rsyslog 在配置中使用 else
- json - 如何将多个图像上传到服务器 - Flutter
- windows - 安装独立的 Intune 包
- php - 在 macos 上安装 xdebug 时出现 ZEND_LONG_FMT 错误
- python - Django:根据 ForeignKey 过滤第一个项目
- asp.net - 使用表单身份验证在 Asp Net 经典模式下保护静态文件
- vue.js - 如何为 v-btn-toggle 设置最大宽度
- javascript - 第一次尝试对 Javascript 和 Node 使用 react 时出现错误,我无法在模块外使用 import 语句
- docker - 如何使用 docker 容器内的 fluent-bit 访问登录的日志
- git - 进行更改并以分离的头部状态提交它们