我正在开发一个应用程序，它允许你在两个组件之间切换，我正在尝试将它保存在本地存储中，并使用useEffect设置它，然后useState在我想要的时候更改它。所以问题是，本地存储当前正在正确地切换值和键，并且工作正常，唯一不起作用的是当我重新加载页面时，即使本地存储说要使用其他组件，它也没有显示，而是显示了另一个组件。代码如下： import {useState, useEffect} from "react";
import styled from "styled-components&qu
浏览 49提问于2021-07-28得票数 0
const [match, matchedCards] = useState(0); localStorage.getItembasinca setChoiceTwo o karti alacak ve guncelliyecek useEffecthighScore); } els
浏览 6提问于2021-12-10得票数 2
回答已采纳
我可以将其设置为在dev tools中的存储面板中切换，并将其保存在那里，但它没有将其设置为页面重新加载上的正确主题。function App() { useEffect(() => {
const storedPreference = localStorage.getItem('prefersDarkMode
浏览 13提问于2022-10-09得票数 2
回答已采纳
我有两种状态想要持久化本地存储，布尔值和字符串，布尔值被设置为没有问题，但是当我刷新页面时字符串不会持久。下面是我如何设置和获取两个变量：const [currentUser, setCurrentUser]= useState("");
localStorage.setItem("isLogged", isLogg
浏览 6提问于2022-03-15得票数 1
在useEffect中设置状态正常吗？如果我这样做，我会导致可怕的无限循环吗？import React, { useState, useEffect } from 'react';import Layout from './/useEffect(() => setCount((currentCount) => currentCount + 1), []);
浏览 7提问于2020-10-17得票数 3
回答已采纳
我有一个状态，存储当前应用的主题，无论是黑暗还是光明。我使用useEffect钩子将状态更改存储在localStorage中，以便当用户刷新页面时，他们的首选主题将被保存，另一个useEffect钩子将在初始加载期间更新我的状态。我尝试过的事情：
确保将初始加载期间的useEffect放在 useEffect之前，以存储主题状态使用的承诺，以确保只有在加载上状态发生更改后，才能触发changeThe
浏览 0提问于2021-11-10得票数 2
回答已采纳
如何在localStorage值更改时更改状态。例如，我有一个语言切换按钮，像法语和英语，当我点击英语，它将存储到localStorage，当我点击英语它也会。当我点击法语时，整个项目都需要用法语显示，当我点击英语时，想要这样做，那么当我更新localStorage时，如何改变状态呢？<button onclick={()=>localStorage.setItem("language",'english')}>English&l
浏览 25提问于2022-07-08得票数 1
回答已采纳
我以为这只是.setItem和.getItem，但可能是useState更改状态有问题 const LOCAL_STORAGE_KEY = "products"; console.log(product); };
localStorage.setItem(LOCAL_STORAGE
浏览 118提问于2021-04-18得票数 0
回答已采纳
2回答
我还有一个获取播放列表数据的db.json文件，如果localStorage不能工作，我可以保存在那里吗？playLists, setPlayLists] = useState<PlayListValues[]>([]); setPlayLists([...playLists, newEntry]); };
浏览 13提问于2022-08-23得票数 0
2回答
页面刷新问题
、、、
我已经使用react构建了一个管理面板。登录到面板后，每当用户刷新页面时，所有内容都会消失，我不知道为什么会发生这种情况。它在没有登录页面的情况下工作得很好，但是在添加了登录页面之后，它就不能正常工作了。下面是定义所有路由的App.js文件代码。 import React, { useState } from "react";import { Link } from "react-router-dom";
import * as FaIcons
浏览 51提问于2021-11-22得票数 1
回答已采纳
因此，我试图检查localStorage是否为空，以及它是否为空，我希望立即改变我的状态。我已经创建了这个状态，并且我将这个状态设置为空然后，我使用useEffect钩子从localStorage获取项，如果localStorage中有某些内容，它将设置我的状态为true，否则为false
useEffect((
浏览 19提问于2022-02-15得票数 1
当试图使用localStorage来持久化我的反应状态时，我会得到无限重呈现，并且我可以在dev工具中看到状态不断地被填充而不是未填充。我知道是我对useEffect的使用导致了这种情况，也可能是我用存储状态填充Map对象的条件。找不到它。 useEffect(() => {
localStorage.myCartState ?setCart(new Map(J
浏览 6提问于2021-08-02得票数 0
回答已采纳
bootstrap/dist/css/bootstrap.min.css";
const data = { fullname: localStorage.getItem("fullname") || false const [currentCheckboxIdconst setChec
浏览 2提问于2020-06-04得票数 1
回答已采纳
3回答
我在我的localStorage中为我的web应用程序设置了一个主题，如果模式设置为‘黑暗’，或者如果模式是‘光’，我想将选中的值添加到开关组件中。但是，当我将主题设置为“黑暗”并刷新页面时，开关会自动转到未选中的位置，我如何修复这个问题？下面是代码：import useTheme from '..){ &#x
浏览 6提问于2022-04-26得票数 0
回答已采纳
我正在尝试在localStorage中设置和获取项目。我有函数状态，所以我尝试获取并设置项作为状态的键，setitem正在工作，但当我刷新我的网站时，localstorage返回null。charts(2), charts(4), charts(6), ]; useEffect(() => {
const persistChart =
浏览 309提问于2021-08-19得票数 0
回答已采纳
1回答
在useEffect()中，我使用本地存储存储像stage或current player tetromino这样的组件。播放时，在控制台中检索数据是可能的，而且数据不是null。useEffect(() => { localStorage.setItem));
localStorage.setItem("rowsCl
浏览 5提问于2020-05-23得票数 0
回答已采纳
1回答
我有两个包含pageNumber和offset的状态。默认页面设置为1，默认偏移量设置为0，如下所示。useEffect Hook if (typeof window !== "undefined") {
const integerPage = parseInt(localStorage.getItem("currentPage") || "1");，即pageN
浏览 2提问于2021-10-17得票数 1
1回答
在一个部分中，培训师解释了如何使用浏览器的localStorage来获取和设置项目。但是，我不明白为什么我们要先用getItem调用useEffect，而不是用setItem调用useEffect。请检查下面的代码 import React, { useState, useEffect} from 'react';import '.== id;
setContacts
浏览 80提问于2021-08-25得票数 0
回答已采纳
2回答
收集的contacts数组存储在localStorage中，当我刷新页面时，它们只需重新加载即可。都很好import { useState, useEffect } from 'react'
const LOCAL_STORAGE_KEY ='contacts'
const [contacts, setContacts] = useState(JSON.parse(localStorage
浏览 7提问于2022-07-26得票数 1
回答已采纳
2回答
我正在用Localstorage和State更新用户的购物车，但是在用户重新加载页面之前不会进行更新。我的代码看起来是： const data = localStorage.getItem('cart') }, []) const in
浏览 4提问于2021-05-31得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
