用于管理模态的React组件

时间:2024-06-28 08:34:13
【文件属性】:

文件名称:用于管理模态的React组件

文件大小:124KB

文件格式:ZIP

更新时间:2024-06-28 08:34:13

Awesome React Hooks

react-use-modal · 简体中文 | 英文 主流modal大多需要在组件内使用state控制是否显示,在多个地方调用的时候很不方便,所以基于 context 提供一个更加易用的调用方式。 use-modal 支持主流的modal, 理论上只要modal通过类似于 show props 控制显示的,就可以支持,例如: antd react-bootstrap react-overlays react-modals material-ui 安装 使用yarn $ yarn add react-use-modal 或者用npm $ npm install react-use-modal --save 使用 将 ModalProvider 放在组件外层 import ReactDOM from 'react-dom'; import { ModalProvider } from 'react-use-modal'; ReactDOM.render( ... , document.querySelector('#root') ) 调


【文件预览】:
react-use-modal-master
----.gitignore(18B)
----README.md(3KB)
----examples()
--------.gitignore(310B)
--------README.md(3KB)
--------public()
--------package.json(606B)
--------src()
--------yarn.lock(333KB)
----LICENSE(1KB)
----README-en.md(3KB)
----package.json(739B)
----src()
--------useModal.js(199B)
--------index.js(174B)
--------context.js(101B)
--------ModalProvider.js(712B)
----babel.config.js(170B)
----yarn.lock(79KB)

网友评论