时间戳

首页 > 解决方案 > 如何在反应中创建一个全局容器？

css - 如何在反应中创建一个全局容器？

问题描述

我刚开始学习 React，我想知道如何创建全局布局容器和全局内容容器。这是我尝试使用 CSS 实现的目标。但我对如何使用 React 实现这一点感到困惑。非常适合任何建议/教程链接等...谢谢。

.global-container {
    width: 100vw;
    height: 100vh;
}

.global-content {
    width: 90%;
    height: 100%;
    margin: 0 auto;
}

标签： cssreactjsstyled-components

解决方案

就像在HTML 中一样，为您的全局容器和内容App.js放入 a 。div请注意，您必须使用而className不是class给您上课。jsxcss

import "./Styles/index.css"

function App() {
  return (
    <div className="global-container">
      <div className="global-content">
          {// Your app goes here
          }

      </div>
    </div>
  );

推荐阅读