文件名称:react-modal:React模态
文件大小:90KB
文件格式:ZIP
更新时间:2024-03-13 00:44:13
JavaScript
React模态 一个简单的react + styled-components模态 套件介面 命名导出: Modal , useModalContext , ModalContainer和ModalContent 默认导出: Modal 用法 1)作为子代传递函数以访问模态方法 < Modal xss=removed> < div> Modal Content < / div > } > { ( { showModal } ) => < button onClick = { showModal } > Button to trigger modal < / button > } < / Modal > 2)模态方法传递给直接后代 const SampleButton = ( { showModal } ) => { return < button onClick
【文件预览】:
react-modal-master
----.gitignore(166B)
----.babelrc(246B)
----changelog.config.js(2KB)
----package.json(2KB)
----commitlint.config.js(72B)
----package-lock.json(356KB)
----src()
--------ModalContext.js(212B)
--------Modal.js(6KB)
--------index.js(185B)
--------CloseIcon.js(767B)
--------styled.js(1KB)
----webpack.config.js(809B)
----README.md(8KB)
----prettier.config.js(103B)
----index.html(285B)
----demo.js(619B)