如何在react without height 100vh中为div添加100%的高度

Question

以下是代码：我左边有一个浅蓝色的div，它的高度应该是100%

const styles = {width:'80px',backgroundColor:'rgb(241, 242, 250)',height:'100'}
function Leftdash () {
return (
<div>
<div>
<div style = {styles}>
<div>hi</div>
</div>

</div>
</div>
)
}

ReactDOM.render(
<Leftdash />,
document.getElementById("react")
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.4/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.4/umd/react-dom.production.min.js"></script>
<div id="react"></div>

Answer 1

您需要设置html和body标签的height(100%(，还需要设置所有父div的height，然后，如果您的div的高度将设置为100%，它将用蓝色填充window的所有高度