【发布时间】:2019-12-28 01:42:59
【问题描述】:
我正在尝试打开一个外部窗口并在其中显示 React 组件。我的实现遵循这篇文章-https://medium.com/hackernoon/using-a-react-16-portal-to-do-something-cool-2a2d627b0202
这是问题的 gif - https://streamable.com/unfom
重现问题的 GitHub 存储库 - https://github.com/sh3nan1gans/material-ui-external-window
我了解到我需要为外部窗口的子级使用自定义 JSS 插入点,以便任何 material-ui 组件将其样式插入外部 document.head 而不是原始文档。这样做的问题是,当外部窗口关闭时,material-ui 组件的样式不正确,使用门户(即菜单)的组件不能正确锚定。关闭外部窗口后,我似乎需要重置插入点。
【问题讨论】:
-
在这里找到了一个例子-codesandbox.io/s/308nkoz2xp我会试一试
标签: reactjs material-ui