react-teleportation:将组件传送到前台

时间:2024-03-21 11:00:52
【文件属性】:

文件名称:react-teleportation:将组件传送到前台

文件大小:152KB

文件格式:ZIP

更新时间:2024-03-21 11:00:52

JavaScript

React运输 为什么 ? 遵循门户原则, 在DOM中创建新树以在前景中显示某些组件。 通过一些z-index怪异技巧避免头痛 :face_screaming_in_fear: 并且即使您从树中深处的组件运行模态,也可以全屏显示您的传送组件。 用法 import React from 'react' import Teleport , { Lightbox } from 'react-teleportation' const Home = ( ) => { const openLightbox = ( ) => Teleport . init ( < Lightbox xss=removed> ) return ( < a xss=removed> Open Lightbox < / a > ) } export default Home 可用组件 灯箱 < Li


【文件预览】:
react-teleportation-master
----.travis.yml(120B)
----.eslintrc(496B)
----example()
--------index.js(151B)
--------Home.js(1KB)
----.babelrc(48B)
----img()
--------1.jpg(106KB)
----package.json(1KB)
----index.html(195B)
----LICENSE(1KB)
----dist()
--------react-teleportation.js(12KB)
----src()
--------index.js(798B)
--------components()
----.npmignore(65B)
----.gitignore(65B)
----webpack.config.js(737B)
----webpack.config.dev.js(478B)
----README.md(2KB)
----yarn.lock(118KB)
----.eslintignore(11B)

网友评论