How to make ant-design Drawer component width responsive

Question

I'm using ant design drawer component and style component. It seems the I can set a fixed width with width props. ButI can't make it responsive.

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

Answer 1

In my case this one-liner would be the simplest solution:

width={window.innerWidth > 900 ? 800 : window.innerWidth - 100}