相关疑难解决方法(0)

mui 使用入口点插入作用域影子 DOM 样式时选择未设置样式的下拉选项

请注意,这是针对 MUI v5 @mui/material 的,而不是使用 v4 @material-ui/core

最终弄清楚如何在使用情感入口点插入作用域阴影 DOM 样式时显示 @mui/material 样式(请参阅这篇文章如何在 React 自定义元素中为 MUI Material v5 的 MUI Material v5 创建插入点以在阴影 dom 中安装样式) ,事实证明,对于包含 @mui/material 组件的 Demo 组件,选择下拉列表的样式不正确。

这是 stackblitz https://stackblitz.com/edit/react-d8xtdu-s2cufr?file=demo.js

import React from 'react';
import Demo from './demo';
import { ThemeProvider, createTheme } from '@mui/material/styles';
import { StylesProvider, jssPreset } from '@mui/styles';
import { CacheProvider } from '@emotion/react';
import createCache from '@emotion/cache';
import { create } from 'jss';
import { render } from 'react-dom'; …
Run Code Online (Sandbox Code Playgroud)

reactjs custom-element material-ui react-typescript

2
推荐指数
1
解决办法
2093
查看次数