react-new-window:using使用`window.open`在React中弹出新窗口

时间:2024-05-27 15:28:26
【文件属性】:

文件名称:react-new-window:using使用`window.open`在React中弹出新窗口

文件大小:731KB

文件格式:ZIP

更新时间:2024-05-27 15:28:26

react popup-window react-component popup window-opener

受到( 启发。 特征 仅2.68KB (已压缩!)。 支持完整的window.open api 。 为React 16构建(使用ReactDOM.createPortal )。 阻止弹出窗口的处理程序(通过onBlock prop)。 根据父窗口或屏幕使弹出窗口居中。 安装 npm i react-new-window --save 用法 import React from 'react' import NewWindow from 'react-new-window' const Demo = ( ) => ( < NewWindow> < h1> Hi :waving_hand: < / h1 > < / NewWindow > ) 装入将打开一个弹出窗口。 卸载后,弹出窗口将关闭。 children内容将呈现到新的弹出窗口中。 在这种情况下, Hi


【文件预览】:
react-new-window-master
----.eslintrc(371B)
----rollup.config.js(1KB)
----.github()
--------banner.svg(3KB)
--------workflows()
----stories()
--------features-prop.stories.js(3KB)
--------components()
--------url-prop.stories.js(2KB)
--------title-prop.stories.js(2KB)
--------default.stories.js(2KB)
--------text-box.stories.js(2KB)
----src()
--------NewWindow.js(8KB)
----.storybook()
--------config.js(218B)
--------preview-head.html(396B)
--------addons.js(86B)
----types()
--------NewWindow.d.ts(2KB)
----.travis.yml(122B)
----LICENSE(1KB)
----.prettierrc(43B)
----README.md(3KB)
----docs()
--------index.html(1KB)
--------favicon.ico(5KB)
--------iframe.html(1KB)
--------static()
----.gitignore(30B)
----.babelrc.js(236B)
----.eslintignore(15B)
----package-lock.json(713KB)
----package.json(2KB)
----.nvmrc(8B)

网友评论