css - 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 中显示全高组件的正确方法是什么？

欢迎任何帮助:)

Answer 1

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

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