如何设置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>
最佳答案
我认为通过在 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
关于javascript - 如何设置react-responsive-modal的模态宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63118872/