AntD中布局sider宽度设置

一般设置宽度都是直接是在style中写样式，但是在调整sider的宽度是却无效的

<Layout>
  <Header>header</Header>
  <Layout>
    <Sider style={{width:'300px'}}/>     //无效的写法
        left sidebar
    </Sider>
    <Content>main content</Content>
    <Sider>right sidebar</Sider>
  </Layout>
  <Footer>footer</Footer>
</Layout>

因为Sider中有自带属性width

1.png

所以正确设置方法是：

<Sider width={300} />

参考：https://www.jianshu.com/p/ce1c9a6a107c