我正在使用Material UI和ThemeProvider来覆盖一些样式，然而，覆盖的样式正在影响我没有包装在ThemeProvider标记中的组件。另外，我不得不使用!我的代码如下。我只想覆盖dropdown组件的样式，但CreateNewFolder组件也受到了影响。results={[]}
displayKey={"
浏览 14提问于2019-12-29得票数 1
我正在使用Material UI的createMuiTheme API和他们的ThemeProvider组件为我的公司创建一个Material UI主题。当我将原生材料UI组件包装在主题中时，主题可以按预期工作。不过，我想要做的是创建一个单独的复合材料UI组件库，我公司的其他开发人员可以将其作为依赖项包含在他们的项目中，然后将他们的根应用程序包装
浏览 4提问于2021-03-26得票数 1
梅五新生问有关ThemeProvider的问题。查看上的文档，我看到了几个示例，例如下面提供的示例，其中一个定制主题的材料组件被ThemeProvider包装，以便应用自定义样式。export default function CustomStyles() { <ThemeProvider theme={theme}>
<CustomCheckboxdefaultChecke
浏览 1提问于2021-12-02得票数 1
回答已采纳
有没有一种方法可以覆盖react子树的主题，但跳过某些组件的覆盖？我重写了一个组件的所有子组件，确保所有字体都很小，使用： const overrideTheme = (theme: Theme): Theme => { {children} <
浏览 16提问于2021-08-04得票数 1
目前，Styleguidist使用ReactExample来渲染组件。我想用我的自定义主题提供程序将所有ReactExample组件包装在一个页面中。正如您在下面看到的，所有的ReactExample组件都位于根Styleguide组件之外。<StyleGuide /> <ReactExample />有没有
浏览 5提问于2020-09-23得票数 3
2回答
我的整个页面都有一个奇怪的边框： ? 这是我的App.js。Home组件只有ThemeProvider包装器，然后一切都在Paper组件中。class App extends Component { <ThemeProvider theme={theme}><div>
<NavBar></NavBar
浏览 63提问于2021-05-10得票数 1
回答已采纳
2回答
我有一个反应应用程序的材料用户界面。黑暗模式基本上可以工作，但是每当我试图更改页面上的暗模式状态时，页面就会从redux状态数据中呈现出来，整个页面就会崩溃。这是正确的，因为Theme封装了整个应用程序，所以所有的子对象都重新呈现自己。我该怎么处理呢？
浏览 1提问于2021-12-29得票数 0
回答已采纳
我有一些覆盖的GlobalStyle，如： h6 { font-size: 16px; ...我想把道具从我的组件传递给GlobalStyle。重量。如果不需要创建另一个组件(如粗体文本的包装器)，那么在全球范围内使用它就更好了。
浏览 1提问于2020-07-07得票数 3
目前，我正试图对我的应用程序进行单元测试，该应用程序是用创建-React和类型记录构建的，它是用chakraui设计的。Chakrui包含一个组件ThemeProvider，它必须将整个应用程序包装成这样。这是我的index.tsx文件import React from "react";import ".")对于我编写的<
浏览 11提问于2020-09-11得票数 5
回答已采纳
我有一个按钮组件，需要一个主题上下文。我理解要在测试文件中提供这个主题，您需要将组件放在主题提供程序中。然而，即使在我这样做并尝试了将主题作为上下文传递的每一种可能的变体之后，我仍然得到了错误：您正在提供一个在上下文中没有主题的函数。其中一个父元素需要使用ThemeProvider。“
import React from 'react';
im
浏览 2提问于2020-04-07得票数 0
回答已采纳
我试图包装我的基于RNN的v2应用程序与反应-本机元素ThemeProvider。如果包装在单个组件上，ThemeProvider可以很好地处理相同的主题，但如果在导航中注册，我做错了什么？theme={theme}>{ScreenComponent}</ThemeProvider>);
我也试过这样做..。import { Platform } from 'react-native&#
浏览 0提问于2019-02-19得票数 2
回答已采纳
我正在尝试测试一个使用useTheme钩子的组件，该组件由emotion.js提供。该主题是在应用程序初始化期间设置的。现在，当我编写测试用例时，useTheme钩子无法获取样式数据，因为只有头组件被挂载用于测试。如何模拟钩子提供的数据。import { theme } from '..) => {
const routeRenderFunction = (props) => <RouteHandler route={props}
浏览 4提问于2019-11-07得票数 1
回答已采纳
是否有一种方法可以使用酶浅层方法和样式组件的ThemeProvider包装来测试样式组件的文本内容？StyledComponent_A> } const wrapper = shallow(
浏览 4提问于2017-10-20得票数 4
我有一个有样式的组件按钮，它可能会或可能不会采取主题道具 ${props => props.theme.length > 0 &&
buttonVariantstyled.button' (.sc-cHGsZl) references the 'theme' prop in its styles but no theme was provided via prop or <ThemeProvider
浏览 6提问于2019-09-26得票数 3
我目前正试图在我的应用程序中实现React路由器，我想在所有页面上使用最后一个版本(6.4)的布局，所以我在布局元素和所有子元素中使用createBrowserRouter来创建不同的路径，但实际上我在代码中看不到其中的任何一个我想得到每个页面的布局，有条件的呈现取决于导航，所以我必须把它放在路由器内。： return (
<<em
浏览 12提问于2022-11-29得票数 3
回答已采纳
1回答
我正在为使用Material UI makeStyles的ReactJS组件编写Jest单元测试。对于它们中的大多数，它工作得很好，但是对于theme.breakpoints查询，它会给出Unexpected token错误：我的jest配置如下： rootDir: "tests
浏览 6提问于2020-05-22得票数 0
2回答
用反应式组件进行测试.测试.库
、、、、
我目前正在尝试用模拟的提供程序测试一个样式化的组件，如下所示：import TestResults from ".One of the parent elements needs to use a ThemeProvider.
浏览 3提问于2020-06-09得票数 4
回答已采纳
2回答
我正在与合作我的反应-本地项目。我们使用在应用程序中执行导航。因此，问题是我如何从这种应用程序中的样式组件中实现主题模式？问题是，要按照样式组件来执行主题化的想法，我必须在<ThemeProvider />中包装顶级组件，如下所示： <App />
</ThemeProvider&g
浏览 0提问于2017-10-12得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
