react.js 覆盖无效 - 仅显示父对象
react.js overlay not working - only displaying parent object
我只是想用 React 从原始文件创建一个叠加层。
所以我现在创建了一个空的 Overlay 组件。一个 App 组件，其中包含正常时间要显示的数据（简单的一行）。
现在渲染<Overlay><App/></Overlay>
但是来自 App 没有被渲染？
这里到底出了什么问题？
您不能以这种方式创建叠加层。最好的方法是创建一个高阶组件，然后 return 使用它创建新组件。
Overlay 组件的 return 中存在问题。请将您的 return 语句替换为 <div className="overlay">{this.props.children}<div>
您必须为 class overlay 写 css。
我只是想用 React 从原始文件创建一个叠加层。
所以我现在创建了一个空的 Overlay 组件。一个 App 组件，其中包含正常时间要显示的数据（简单的一行）。
现在渲染<Overlay><App/></Overlay>
但是来自 App 没有被渲染？
这里到底出了什么问题？
您不能以这种方式创建叠加层。最好的方法是创建一个高阶组件，然后 return 使用它创建新组件。
Overlay 组件的 return 中存在问题。请将您的 return 语句替换为 <div className="overlay">{this.props.children}<div>
您必须为 class overlay 写 css。