在外部窗口中显示Material-ui组件

Question

我正在尝试打开一个外部窗口并在其中显示React组件。我的实现遵循本文-https://medium.com/hackernoon/using-a-react-16-portal-to-do-something-cool-2a2d627b0202

这是问题的一个体现-https://streamable.com/unfom

可重现问题的GitHub存储库-https://github.com/sh3nan1gans/material-ui-external-window

我了解到我需要为外部窗口的子代使用自定义JSS插入点，以便任何material-ui组件都可以将其样式插入外部document.head而不是原始文档中。问题在于，当关闭外部窗口时，material-ui组件的样式设置不正确，并且使用门户（即，菜单）的组件无法正确锚定。似乎在关闭外部窗口后需要重置插入点。

Answer 1

可以根据此示例弄清楚-https://codesandbox.io/s/308nkoz2xp

我丢失的那一部分是将new Map()的{​​{1}}传递给sheetsManager的道具