【问题标题】:show material-ui components in external window在外部窗口中显示 Material-ui 组件
【发布时间】: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 组件的样式不正确,使用门户(即菜单)的组件不能正确锚定。关闭外部窗口后,我似乎需要重置插入点。

【问题讨论】:

标签: reactjs material-ui


【解决方案1】:

能够根据这个例子弄清楚 - https://codesandbox.io/s/308nkoz2xp

我缺少的部分是将new Map() 传递给sheetsManagerStylesProvider 道具

【讨论】:

    猜你喜欢
    • 2018-05-13
    • 2021-03-04
    • 2022-12-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-15
    相关资源
    最近更新 更多