reactjs - 如何让 ant-design Drawer 组件宽度响应

Question

我正在使用 Ant 设计抽屉组件和样式组件。看来我可以用宽度 Prop 设置一个固定的宽度。但我不能让它响应。

<Drawer
   width={500}
   placement="right"
   closable={true}
   onClose={this.props.handleDrawer}
   visible={this.props.visible}
>

Answer 1

您应该使用 className 而不是指定固定宽度分配一个 css 类，然后您需要调整它以在相应的 .less 文件中响应。就像是:

.my-drawer {
    width: 50%;
}
@media only screen and (max-width: @screen-md) {
    .my-drawer {
        width: 70%;
    }
}