css - ReactJS 样式化组件以全屏显示背景色

Question

无论如何我可以告诉 React 组件全屏显示并且背景颜色为绿色。下面的代码不会使高度为 100%。

var rootStyle = {
  backgroundColor : 'green',
  color : 'white',
  height : '100%'

}

class App extends Component {
  render() {
    return (
      <div style={rootStyle}>
      <Poll />
      </div>
    );
  }
}

Answer 1

使 div 成为视口(viewport)高度的 100%。

var rootStyle = {
  height: '100vh',
  min-height : '100vh'
}