React -改变主题的方法
React是一个用于构建用户界面的JavaScript库。它采用组件化的开发模式，使得开发者可以将界面拆分成独立的、可复用的组件，从而提高代码的可维护性和可重用性。
要改变React应用的主题，可以通过以下方法：
- 使用CSS样式：可以通过在组件中定义不同的CSS类来实现不同的主题样式。通过在组件的state中设置一个主题变量，然后根据主题变量的值来动态添加不同的CSS类，从而改变组件的样式。
- 使用第三方库：有一些第三方库可以帮助我们更方便地实现主题切换，例如styled-components、emotion等。这些库提供了一种在React组件中定义样式的方式，并且可以根据主题变量的值来动态改变组件的样式。
- 使用Context API：React的Context API可以帮助我们在组件树中共享数据。可以将主题变量存储在Context中，然后在需要改变主题的组件中通过Context获取主题变量的值，并根据其值来改变组件的样式。
- 使用第三方UI库：一些第三方UI库，如Ant Design、Material-UI等，提供了自定义主题的功能。可以使用它们提供的主题配置选项来改变应用的主题。
在腾讯云中，可以使用腾讯云的Serverless云函数SCF（Serverless Cloud Function）来部署React应用。SCF是一种无服务器计算服务，可以帮助开发者快速部署和运行代码，无需关心服务器的管理和维护。通过SCF，可以将React应用打包成一个云函数，并通过API网关进行访问。
腾讯云产品链接：
相关·内容
我是相当新手的CSS和前端网页开发，并在我的网页上设置按钮的样式有困难。我想改变它的文本颜色，也许还会改变我的主题的原色(目前它看起来是青色的，我想让它变成蓝色)。我知道material-ui已经移动到内联样式，我尝试将style作为变量传递给按钮中的"style“字段，但无法使其工作。任何帮助都将不胜感激。
var React = require('react'),
mui = require('material-ui'),
LoginDialog = require('./login-dialog.jsx'),
RaisedButto
浏览 15提问于2016-08-29得票数 0
2回答
我想要改变反应的颜色-本地纸导航。我怎样才能改变颜色。我能够改变背景的颜色，但不能改变主动选项卡圆形按钮的颜色。
图像链接=
我想把粉红色换成蓝色，怎么换呢？
import * as React from 'react';
import { BottomNavigation} from 'react-native-paper';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
const Tab = createBottomTabNaviga
浏览 17提问于2022-10-16得票数 2
回答已采纳
我在react native中切换按钮和改变主题有问题。我的主题上下文文件theme-context.js import React from 'react';
export const ThemeContext = React.createContext({
theme: 'light',
toggleTheme: () => {},
}); 我已经导入了上面的文件，它完美地改变了主题。我想同时更改按钮的状态。请找到以下代码。如何在themeContext.toggleTheme中使用OnChange调用函数onCheckedChange？
浏览 47提问于2020-11-24得票数 0
回答已采纳
我正在使用本机基础+反应-导航在一个应用程序，并需要改变应用的主题。一旦我更改主题，react导航更新就会很容易，但问题是本机基本组件主题不会改变。在用户看来很奇怪。
我用这段代码来更改应用程序的主题。
<StyleProvider style={getTheme(theme === 'LIGHT' ? platform : material)}>
<Container>
<NavigationContainer
them
浏览 1提问于2020-06-09得票数 5
我在一个meteor应用中使用了 react material-ui依赖。我想知道怎样才能改变我正在使用的AppBar的颜色和高度。通过对使用内联样式，这是可能的吗？如果是这样的话，是怎么做的？
injectTapEventPlugin();
var {AppBar} = MUI;
var {ThemeManager, LightRawTheme} = Styles;
Header = React.createClass({
childContextTypes: {
muiTheme: React.PropTypes.object
},
getChi
浏览 5提问于2015-11-20得票数 1
我正在尝试在使用Semantic-UI-React时自定义主题，有关于如何在Semantic-UI中自定义主题的详细说明，就像我们可以覆盖变量来改变它们的样式一样。
但我没有找到任何方法来使用Semantic-UI-React自定义主题，因为没有semantic/src/themes和semantic/src/site文件夹可供我们进行更改，所以Semantic-UI-React附带的只是默认的CSS文件(我们在index.js文件“semantic-ui-css/semanc.min.css”中导入的文件)。
有没有办法在Semantic-UI-React中自定义主题？提前感谢！
浏览 0提问于2020-03-19得票数 1
3回答
改变主题与反应本机元素不起作用？
、、、、
我一直在处理反应本土化的因素。我想为我的应用程序实现一种黑暗模式，但由于某种原因，当我在上下文中的状态发生变化时，我无法让<ThemeProvider/>中的主题道具发生变化。
这里是我拥有darkTheme和lightTheme对象的上下文。我还有一个使用lightThemeState的useState，所以我可以从子组件中设置状态。
import React, { createContext, useState, useEffect } from "react";
import { AsyncStorage } from "react-native
浏览 6提问于2020-04-18得票数 4
回答已采纳
1回答
我有一个简单的问题，我可以在任何地方找到一个直接的答案。我需要在我的react原生应用程序中包含一个单选按钮，我选择了kitten ui，因为它看起来非常完整。但最简单和最快的东西似乎与这个库“纠缠”在一起。在特定的情况下，我只想改变单选按钮的点的颜色，我不想改变整个应用程序的样式，我也不想定义映射和东西只是为了改变颜色(也因为我在教程中读到的映射是针对组件的类型的，我想给更多的单选赋予不同的颜色)。单选按钮提供道具文本样式，但不提供圆形颜色，我如何配置它？在网站上有一个例子，更多的电台有不同的颜色，但它是最无用的一种例子，只有部分代码，没有引用完整的代码，也没有样式的信息。有没有人能给出一
浏览 25提问于2020-04-08得票数 0
我想看到所包含的主按钮的颜色在主题更改时略有改变，但我做不到。
我发现如果通过删除“variant=”包含的按钮将按钮从“包含”按钮改为“文本”按钮，效果会很好，但我真的想使用“包含”按钮
有什么办法让它起作用吗？
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(
// Because of <React.StrictMode>, <CssBaseli
浏览 1提问于2020-10-08得票数 2
回答已采纳
2回答
我有一个应用程序，但夜间模式改变颜色(白色到黑色)皮克从@react本机-选择/选择。我试过了
<item name="android:forceDarkAllowed">false</item>
和
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
但它没有帮助如何强制禁用夜间模式的皮克？
compileSdkVersion = 31
kotlinVersion = "1.6.20"
buildToolsVersion = "30.0.
浏览 8提问于2022-11-03得票数 0
5回答
因此，我把我的Toggle按钮放在我的AppBar中，这造成了一个问题，因为当选择Toggle时，它们是相同的颜色。
我尝试过许多不同的东西(如下面所示)，但是无法改变它的颜色。
import React from 'react';
import Toggle from 'material-ui/Toggle'
import Drawer from 'material-ui/Drawer';
import AppBar from 'material-ui/AppBar';
import MenuItem from 'm
浏览 7提问于2016-08-15得票数 9
回答已采纳
我已经下载了一个DarkModeToggle npm作为我的反应应用，但我有点困惑，因为实际上添加的功能。目前，按钮让我点击它在应用程序本身和按钮本身改变，但我的应用程序的状态没有变化。
import React, { useState, useEffect } from "react";
import { Container, AppBar, Typography, Grow, Grid } from "@material-ui/core";
import { useDispatch } from "react-redux";
import
浏览 7提问于2022-07-25得票数 0
回答已采纳
我一直在改进我学习使用基于类组件的代码。在没有参数的函数中，我取得了部分成功。但其余的都没有改变。
什么起作用：
这
const About = () => (
<div>
<h2>About</h2>
</div>
)
至
class About extends React.Component {
render() {
return (
<div>
<h2>About</h2>
<p>The content is h
浏览 4提问于2017-12-14得票数 1
回答已采纳
如何自定义semantic-ui-react的css？
我尝试创建站点/elements/Button.Override
其内容如下：
.ui.button {
border: solid red; !important
border-width: 2px; !important
}
但没有任何改变。
浏览 9提问于2017-08-31得票数 0
1回答
React -改变主题的方法
、、、、
我正在使用React库，我想添加改变主题的能力，它看起来很简单有三个按钮(或单选按钮)，当你点击这些按钮中的一个时，图片将会改变，问题是实现和更新页面(这样图像不会消失)我想问一下实现，我如何实现它？创建一个状态，并在一个状态中创建导入的名称，每个名称都存储图片本身？或者这不是一个好主意，最后我想知道怎么做，这样当页面刷新时，图片在改变主题后不会消失
浏览 19提问于2021-01-09得票数 0
回答已采纳
我正在尝试使用react本机ui-kitten来响应本机组件，并且它的工作性能非常好。最近，我想在我的应用程序中添加主题，并使用它们的“RkTheme”和“RkType”，但是没有一个在起作用。
使用RkTheme.setTheme(themeJson)设置主题应更改已在屏幕上呈现的元素的样式。
使用RkTheme.setTheme(themeJson)实际设置主题并不改变已经呈现的组件集的样式。
下面是json包的一部分
"dependencies": {
"prop-types": "^15.6.1",
"react":
浏览 0提问于2018-10-14得票数 1
回答已采纳
在react-router 4.0.0中，使用以下index.js，历史条件似乎发生了变化
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, hashHistory } from 'react-router';
import App from './components/App';
import './index.css';
ReactDOM.render(
<Router histo
浏览 26提问于2017-03-13得票数 5
我最近开始学习React.js，我在这里遇到了一个Lil问题，试图编辑一些颜色中的ayu主题。问题是，我需要一个单独的颜色的‘状态’和‘变量’。有什么特定的范围吗？
我有这样的东西，但它改变了代码中的每一个变量--我是否应该在代码中添加某物以使其正常工作？
{“名称”：“变量”、“范围”：“变量”、“设置”：{“前台”："#fff“}
浏览 4提问于2020-03-12得票数 2
1回答
不能改变底色。
、、、
我在我的项目中使用下一个js，当我创建一个按钮来改变颜色时，它们只会改变基本的web组件颜色，而不是背景颜色。
_app.tsx
import '../styles/globals.css';
import type { AppProps } from 'next/app';
import { Provider as StyletronProvider } from 'styletron-react';
import { LightTheme, BaseProvider, ThemeProvider, DarkTheme } from '
浏览 6提问于2022-08-23得票数 0
回答已采纳
我正在为我的数据表使用这个库material-table。我获得了循环进度加载图标的主题原色。我想把它改成第二种颜色，但我没有看到任何改变样式的道具。 import React from "react";
import MaterialTable from "material-table";
import ReactDOM from "react-dom";
function App() {
return (
<MaterialTable
columns={[
{
title:
浏览 36提问于2019-04-19得票数 0
回答已采纳
我试图改变材料UI，DatePicker，日期，文本和日历图标颜色。
我试图将其传递样式更改为InputProps，但它只用于移除边框。
相反，没有什么改变，我试图将样式应用于theme.tsx，但这也没有帮助。任何帮助都将不胜感激。
import * as React from "react";
import Stack from "@mui/material/Stack";
import TextField from "@mui/material/TextField";
import AdapterDateFns from "@mui
浏览 1提问于2021-11-04得票数 8
回答已采纳
你能帮我动态改变React材料的UI主题吗？
我已经尝试过在按钮单击时更改主题属性。主题属性正在更改，如控制台中所示。但这种变化并没有反映在主题上。
沙盒代码：
const themeChange = () => {
alert(theme);
theme.palette.type = "light";
console.log(theme);
};
ReactDOM.render(
<MuiThemeProvider theme={theme}>
<React.Fragment>
<CssBaselin
浏览 1提问于2019-04-25得票数 2
1回答
我正在与博览公司合作，创建一个带有react本机的移动应用程序，我尝试在react-native-paper中包含样式，并将自定义主题应用于整个项目，但它不应用来自DefaultTheme、DarkTheme或自定义主题的任何更改。
唯一改变的值是“主”颜色，即我截图中InputText中的下划线。
登录屏幕
import React from 'react'
import { View, Text, StatusBar } from 'react-native'
import { TextInput } from 'react-nativ
浏览 1提问于2021-08-28得票数 2
1回答
在本教程之后，我成功地覆盖了用create-react-app创建的React应用程序中的Bootstrap 5默认颜色。在我的/src/scss/custom.scss中，我可以调用我的任何一个新定义的变量并随意使用它，即使是在custom.scss中创建的新类也可以正常工作。然而，使用颜色(如btn-primary、bg-secondary或text-white)的默认引导类根本不改变。例如，当我使用btn-primary时，按钮颜色与默认的引导带主颜色相同。
我遗漏了什么？
浏览 2提问于2021-08-02得票数 3
回答已采纳
2回答
我正在使用镭库内嵌样式在反应。使用它可以很好地用于其他组件，但我有材料-UI组件的问题。当我把鼠标悬停在纸上时，它不会将颜色改变为绿色。这里怎么了？我该怎么解决这个问题？
import React, { Component, Fragment } from 'react';
import { Grid, GridList, Paper, ListItem, List, ListItemIcon, ListItemText } from '@material-ui/core';
import { connect } from 'react-redux
浏览 0提问于2018-12-18得票数 1
回答已采纳
1回答
我试着在一个按钮中切换一个图标，但是我已经尝试了所有的方法，但是没有什么效果。我可以改变背景/文字的颜色切换onClick，但我遗漏了一些东西来改变图标，我不知道是什么！有什么帮助吗？
这是我的代码: App.js
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useState } from "react";
import Layout from "./layout";
import ThemeContext, { themes } from
浏览 5提问于2022-04-22得票数 0
回答已采纳
3回答
我就是想不通。我想用Switch改变背景，但它只在第一次起作用，不能在随后的点击中起作用。下面是代码沙箱： https://codesandbox.io/s/strange-shaw-2tfk5 有人能告诉我这是怎么回事吗？我在React中使用Material UI 最小可重现示例:这是我的应用程序组件 import React from "react";
import { useState } from "react";
import { ThemeProvider, createTheme } from "@material-ui/core/sty
浏览 51提问于2021-07-15得票数 2
1回答
我使用带有样式组件库的React来为应用程序提供明暗主题。它工作正常，但我需要添加一个独立于配色方案工作的字体系列选择。但是，我如何组合两个主题(第一个用于配色方案，第二个用于字体)并更改它们？ 下面是我的代码，用于改变明亮和黑暗的主题： import { useEffect, useState } from 'react';
export const useDarkMode = () => {
const [theme, setTheme] = useState('light');
const [componentMounted, setCo
浏览 24提问于2020-06-25得票数 0
回答已采纳
1回答
我用guten-block构建了一个简单的div块。 一切都做了它应该做的，但是如果我给div一个自定义的类，那么它就不会在后端呈现。 我怎样才能改变这一点？ <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.pro
浏览 11提问于2019-01-27得票数 0
回答已采纳
1回答
我对React和TypeScript非常陌生，我遇到了这样的问题：
在我的UI中，我使用几个装饰图形，如下所示：
import Kitten from './img/Kitten.png';
<img className="Image" src={Kitten} />
现在，我有个暗模式开关。当它启动时，我想用它们合适的暗模式版本来替换所有的图像。我在想这样的事情：
import Kitten from './img/Kitten.png';
import DarkKitten from './img/DarkKitten.p
浏览 5提问于2020-10-16得票数 1
回答已采纳
2回答
假设有一个我喜欢但想要修改的React组件。对于本例，我们将使用Material UI的LinearProgress。我想做一个可点击的搜索栏。
class SeekBar extends LinearProgress {
componentDidMount() {
super.componentDidMount();
console.log('my stuff here');
}
}
但我觉得在改变render返回的内容方面，我能做的事情可能非常有限。不过，也许我做的一切都错了。如果我喜欢一个特定的React组件，比如Material UI组件，有什么
浏览 2提问于2016-02-28得票数 36
回答已采纳
1回答
我已经创建了一个切换开关，从黑暗模式转变为光模式。我试图添加样式，这将改变fill: ""的svg时，我点击切换。path:first-child是上面的图标，path:last-child是底部的图标。
import { ReactComponent as ModeIcon} from '../../../assets/icons/mode-icon.svg';
import styled from 'styled-components';
import ThemeContext from "../../../store/th
浏览 3提问于2022-04-12得票数 0
回答已采纳
1回答
我使用的反应日期，我想改变颜色的SingleDatePicker使用主题。我已经阅读了docs ()，但是我的实现不起作用。这是我的组成部分：
import React, { Component } from "react";
import ThemedStyleSheet from "react-with-styles/lib/ThemedStyleSheet";
import DefaultTheme from "react-dates/lib/theme/DefaultTheme";
import { SingleDatePicker }
浏览 0提问于2018-07-12得票数 1
DateRangePicker正在显示达菲公司今天的日期。是否可以将特定日期设置为默认日期。
输入文本字段高度不随内联css而改变.
<FormControl>
<LocalizationProvider
dateAdapter={AdapterDateFns}
sx={{
BackgroundColor: "red",
}}
>
<DateRangePicker
startText="Start date"
endT
浏览 7提问于2022-01-07得票数 0
回答已采纳
我的网站是在React.JS上编译较少的加载程序。
我试图确保当我调用基本的styles.less文件来在variables.less中设置条件时，因为我将使用几个主题。
只要这个人不被记录，我就不会有这个信息的主题。
我需要使用styles.less条件variables.less导入的基本文件的截图。
我真的不介意这么做。
显然，我可以创建一个.LESS文件，并在获得如下信息时将其添加到加载中：
import 'common/styles/less/brand/orange.less';
但是它迫使我为每一个需要改变颜色、背景等的项目重写所有样式。就像这样：
@primar
浏览 3提问于2016-10-27得票数 1
我将从语义ui反应开始，并尝试语义ui林中的超级英雄主题。当使用下拉菜单时，在下拉菜单中悬停的项目将被突出显示为黑色文本和接近黑色的背景。
有什么东西，我需要改变，以使文本或背景是一个较轻的颜色悬停？
我使用的是开箱即用的semantic.superhero.min.css文件，下面是下拉菜单react组件(使用语义用户界面的示例源)：
import React, { Component } from 'react'
import { Dropdown, Icon, Input, Menu } from 'semantic-ui-react'
con
浏览 2提问于2018-05-28得票数 1
3回答
变更反应父组件状态
、、、、
我正在尝试创建一个简单的SPA (没有路由器)。它还有一个简单的结构:每个部分都有一个组件：
首页
服务
产品
产品
模式
与我们联系
如您所见，组件Products有两个子组件Product和Modal。它们作为JSON对象被迭代了很多次，有：
Products.js
import React, { Component } from "react";
import ReactHtmlParser from "react-html-parser";
import "./Products.css";
浏览 0提问于2019-01-27得票数 0
2回答
比方说，我们有一个react应用程序，它是用开发的。此应用程序必须使用颜色选择器进行自定义。用户选择基色，在整个web应用图形用户界面中采用多个自动选择的二次颜色方案。
记住，react way是为每个单独的组件使用内联样式，我想知道如何在react引导中做到这一点？
浏览 3提问于2016-11-09得票数 2
回答已采纳
我期待着改变材质UI标签的配色方案，有白色的背景和绿色的指示器和文字。
我现在就是这么做的，
demo.js
import React from "react";
import PropTypes from "prop-types";
import { MuiThemeProvider, createMuiTheme } from "@material-ui/core/styles";
import AppBar from "@material-ui/core/AppBar";
import Tabs from "@mat
浏览 1提问于2021-06-09得票数 1
回答已采纳
2回答
我有一个用样式化组件实现的react组件库。长话短说，该公司改变了它的设计系统，他们决定他们需要样式，旧的和新的，以适用于不同的项目(没有运行时切换)。所以现在，我们有两个版本的库，在同一项目的两个主要分支上，不同之处在于样式组件文件。 问题是在两个版本中都需要实现新的组件或修复，我们现在所做的是手动同步组件的行为部分的分支，但这项任务变得越来越难处理。 一些想法是将库一分为二，旧的和新的，但没有解决同步问题；或者分成三个，行为、旧样式和新样式，行为库应该以某种方式(不知道如何)使用其中之一；或者让应用程序在运行时在样式组件之间切换，但这似乎增加了不必要的复杂性；或者切换回sass而不是样式
浏览 19提问于2020-10-28得票数 1
回答已采纳
几周前，我一直在尝试在drupal中集成一个基于react的简单单页面应用程序(SPA)。更多细节可以在中找到。
我已经成功地在drupal中启动了一个应用程序，现在我的问题转移到了另一个层次，那就是Routing。我可以在SPA中正确导航，但我无法通过浏览器的地址栏进行交互，url也不会随着spa中的内容改变而改变。最后，浏览器的“后退”和“前进”按钮完全离开spa页面
我可以想象，当我在SPA中导航时，可以更改地址栏url (类似于等)。但是我找不到任何相关的教程或指南；也不知道做这样的事情并重新评估我的解决方案是不可能的。
浏览 0提问于2016-10-25得票数 0
我通过定制组件从@uifabric/azure-themes或@uifabric/theme-samples应用主题。 但是，一旦我更改了主题，我注意到由定制组件设置的主题颜色与从@uifabric/styling的getTheme()中检索到的颜色不匹配。 一旦定制组件(设置在我的react树的顶部)被设置为新的主题，它们不应该匹配吗？所有的fabric react组件似乎都正确地改变了颜色。
浏览 26提问于2020-04-07得票数 0
我正在使用脉轮ui。
我想将按钮颜色更改为#2477b3。我可以通过传递道具中的值来更改它，但是每次在道具中传递值需要花费大量的时间和精力，所以我想更改默认的Button颜色等等。
我想用A键的样式。
我更改了theme.ts并创建了一个BButton，但是样式没有改变。我试图更改theme.ts中的值，但颜色没有改变。
<Button
size={'sm'}
bg="#2B6CB0"
_hover={{ bg: '#2477b3' }}
_active={{
bg: &#
浏览 6提问于2021-01-14得票数 3
我用的是@react-navigation/bottom-tabs包。但我不知道如何改变标签栏的背景色。这是我的密码。
import React from "react";
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import Home from "./TabScreen/Home";
import Category from "./TabScreen/Category";
import Search from ".
浏览 13提问于2021-12-30得票数 0
回答已采纳
我刚开始有反应。我刚给我的页面添加了一个主题颜色。
当我点击我的按钮"Change Theme“时，一切都从黑到白，反之亦然。
但是..。最初是浅蓝色的肚脐，不会改变!
那个导航条是唯一没有被我的按钮“变更主题”所改变的元素。
我不太明白，因为身体的颜色是应该改变的。我真的很擅长CSS。
App.js
import './App.css';
import React, { useState } from 'react';
import {BrowserRouter as Router, Switch, Route, Link} from 'rea
浏览 3提问于2021-08-11得票数 0
我正在做一个小项目，想要在按钮被点击时改变它的颜色。我不知道该怎么做，如果能帮上忙我会很感激。我在React中工作，并使用Material-UI库来设置样式。
谢谢
浏览 0提问于2020-07-29得票数 1
1回答
我使用的是react引导和样式组件。到目前为止，一切都是完美的，但是现在有了一个div，它有一个className，它不时地改变。这个div有一个高度的450px，它在我的主要布局之上，限制了其他一切的高度。
我在组件上使用的语法如下：
import styled from 'styled-components'
const Styles = styled.div`
.input-group-prepend {
padding-top:11px;
padding-right:10px;
}
.login-input {
backgroun
浏览 0提问于2020-06-17得票数 1
回答已采纳
webpack - v4+
material ui - v4.9.6
react - v16.12.0
在正常情况下，所有类都应该作为第一个示例中的最后一个类。由于生产模式的某些原因，许多类没有改变。有什么想法吗？
示例1：
<div class="MuiDrawer-root MuiDrawer-docked jss408"></div>
示例2：
<div class="MuiPaper-root jss469 MuiPaper-elevation1 MuiPaper-rounded"></div>
浏览 2提问于2020-03-23得票数 3
回答已采纳
1回答
React如何导入钩子值
、、、、
我有一个LessonThemes组件，它允许您在复选框之间切换并更改块的颜色，问题是当在Test中导入组件时，我不太了解如何获得color值以将其应用于测试组件中
LessonThemes.jsx
import React, { useState, useEffect } from "react";
export default function LessonThemes() {
const [color, setColor] = useState(localStorage.getItem("color"));
const [themes,
浏览 2提问于2021-01-24得票数 1
回答已采纳
1回答
我是相当新的反应，我正在实现一些新的功能使用资料-UI。当当前主题被本地存储在浏览器中时，我试图在光和暗主题之间切换。当页面刷新时，我希望在本地存储当前主题。默认情况下，我的应用程序加载轻量级主题。在切换开关之前，我验证一下，光主题在本地存储中。当我切换到黑暗主题时，我的应用程序会改变它的对应项，并且本地存储空间中的值也会像预期的一样变化。但是当我尝试将开关切换回光明主题时，主题不会改变，只是我的本地存储值。我也不知道原因。
如果有人有办法修改这段代码来解决这个问题或提出一个新的想法，我非常感激。
CustomThemeContext.js
import React, { useState,
浏览 2提问于2020-09-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
