Reactjs React Ant：如何创建左右布局

尝试使用

antd

框架学习， 我想创建一个较小的左右布局，如图所示

我该怎么做？

---

如何保持第一列固定（不移动）

使用下面的行：

<Row type="flex">
  <Col>Left Column</Col>
  <Col style={{flex: 1}}>Right Column</Col>
</Row>

左列
右栏

使用如下行：

<Row type="flex">
  <Col>Left Column</Col>
  <Col style={{flex: 1}}>Right Column</Col>
</Row>

左列
右栏

使用antd布局组件创建布局。 代码sandbox链接-

从“React”导入React；
从“react dom”导入react dom；
导入“antd/dist/antd.css”；
导入“./index.css”；
从“antd”导入{Layout}；
const{Header，Footer，Sider，Content}=Layout；
ReactDOM.render(
标题
赛德
内容
页脚
,
document.getElementById（'container'），
);

---

您可以参考此处的文档-

使用antd布局组件创建布局。 代码sandbox链接-

从“React”导入React；
从“react dom”导入react dom；
导入“antd/dist/antd.css”；
导入“./index.css”；
从“antd”导入{Layout}；
const{Header，Footer，Sider，Content}=Layout；
ReactDOM.render(
标题
赛德
内容
页脚
,
document.getElementById（'container'），
);

---

您可以在这里查阅文档-

您尝试过什么？有人试图解决你的问题吗？你尝试过什么？有没有尝试解决你的问题？