一个封装好的react portal组件,你不需要在body
create-portal
一个封装好的react portal组件,你不需要在body下面写静态的HTML,使用create-portal可以自动生成DOM结构。
安装npm i --save create-portal 用法
1、组件用法
<CreatePortal element={`a`} //String,默认为div id={`id`} //tring,可以不设置 className={`classname`} //String,可以不设置 style={{width: '100px'}} //Object,可以不设置 > 此处插入div或者react组件 </CreatePortal>
2、渲染结果
<body> <div id="root"}>通常这是你的React根入口的元素</div> <!--portal生成的DOM结构位于根元素之外--> <a id="id" class="classname" style="width: 100px"> 此处插入div或者react组件 </div> </body>
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。