【文件属性】:
文件名称:用于管理模态的React组件
文件大小:124KB
文件格式:ZIP
更新时间:2021-06-08 14:47:33
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)