javascript - 如何设置react-responsive-modal的模态宽度？

Question

如何设置react-responsive-modal的模态宽度？

https://react-responsive-modal.leopradel.com/#props

<div style={{width: '600px'}} >
    <Modal open={open} onClose={this.onCloseModal} closeOnOverlayClick={true}>
        <CreateSubmenu onFormSubmit={this.onSubmenuFormSubmit} editData={editSubmenuData}/>
    </Modal>
</div>

Answer 1

我认为通过在 css 中设置样式类是最好的.react-responsive-modal-modal { 宽度:500px }

您还可以使用 react ref 通过 javascript 添加样式 https://reactjs.org/docs/glossary.html#refs

编辑:我创建了工作代码示例:在 index.html 中我添加了样式:

<style>
  .react-responsive-modal-modal {
    width: 200px;
  }
</style>

https://codesandbox.io/s/react-responsive-modal-4tuc1?file=/index.html