React - 组件全屏（高度 100%）

Question

我坚持显示一个名为“home”的 React 组件，它占据了我屏幕高度的 100%。无论我使用 CSS 或 React 内联样式，它都不起作用。

在下面的示例中， html 、 body 和 #app 在 CSS 中设置为 height: 100%。对于 .home 我使用了内联样式（但无论我使用 CSS 还是内联样式都是一样的）： 问题似乎来自 <div data-reactroot data-reactid='1'> 没有设置高度：100%。

如果我用 Chrome 开发者工具破解它，它的工作：

那么在 React 中显示全高组件的正确方法是什么？

欢迎任何帮助:)

原文由 Thibault Clement 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

html, body, #app, #app>div {
  height: 100%
}

这将确保所有链都是 height: 100%

原文由 bora89 发布，翻译遵循 CC BY-SA 3.0 许可协议