本地存储阵列被新条目useState - React覆盖
本地存储阵列（Local Storage Array）是一种用于存储数据的设备或系统，通常由多个硬盘组成，用于提供高可靠性和高性能的数据存储解决方案。它可以通过冗余阵列独立磁盘（RAID）技术来实现数据的冗余和容错能力，以保护数据免受硬件故障的影响。
useState是React框架中的一个钩子函数，用于在函数组件中添加状态（state）管理。它是React的核心特性之一，可以帮助开发者在函数组件中保存和更新状态，从而实现动态的UI交互和数据展示。
当本地存储阵列被新条目useState - React覆盖时，可以理解为在React应用中使用useState钩子来管理本地存储阵列的数据。具体而言，可以通过useState来创建一个状态变量，并将本地存储阵列的数据作为初始值传入。随后，可以使用该状态变量来读取和更新本地存储阵列的数据，以实现与用户的交互和数据展示。
优势：
- 简化状态管理：useState提供了一种简单且直观的方式来管理组件的状态，避免了传统的类组件中使用this.state和this.setState的复杂性。
- 函数式编程：useState使得函数组件可以拥有自己的状态，从而更好地支持函数式编程的思想和模式。
- 高效更新：useState使用了一种称为"状态批处理"的机制，可以将多个状态更新合并为单个更新，提高了性能和效率。
应用场景：
- 表单数据：可以使用useState来管理表单组件的输入数据，实时更新用户的输入并进行验证。
- 动态列表：可以使用useState来管理动态列表的数据，实现增删改查等操作。
- UI交互：可以使用useState来管理UI组件的状态，实现展开/折叠、显示/隐藏等交互效果。
腾讯云相关产品： 腾讯云提供了多个与云计算相关的产品，以下是其中一些与本地存储阵列和React开发相关的产品：
- 云硬盘（Cloud Block Storage）：腾讯云的云硬盘产品提供了高性能、可靠的块存储服务，可以作为本地存储阵列的替代方案。详情请参考：云硬盘产品介绍
- 弹性云服务器（Elastic Cloud Server）：腾讯云的弹性云服务器是一种可扩展的计算资源，可以用于部署React应用和管理本地存储阵列。详情请参考：弹性云服务器产品介绍
- 云数据库MySQL（TencentDB for MySQL）：腾讯云的云数据库MySQL提供了高可用、可扩展的数据库服务，可以用于存储React应用中的数据。详情请参考：云数据库MySQL产品介绍
请注意，以上仅为腾讯云的部分产品示例，其他厂商的类似产品也可以用于满足相应的需求。
相关·内容
我正在尝试向我的应用程序添加一个最喜欢的页面，它基本上会列出一些以前插入的数据。我想要从localStorage获取数据。它基本上是有效的，但当我导航到另一个页面并返回时，localStorage再次为空。我希望localStorage中的数据在应用程序刷新时保持不变。 数据将从此处设置为localStorage import React, { useState, createContext, useEffect } from 'react'
export const CombinationContext = createContext();
const Combinati
浏览 133提问于2019-10-15得票数 0
目前正在构建购物车，一个组件保存产品，onClick(添加到购物车)我会将项目添加到本地存储，然后在另一个组件中从本地存储检索和显示项目。
我当前的设置可以正常工作，但在刷新时，当添加新项目时，新的设置会覆盖旧数据。我假设刷新时状态会重置为空。您将如何实现具有或不具有状态的数据持久性？
class ProductsContainer extends Component {
constructor(props) {
super(props);
this.state = { products: [] };
this.addToCart = this.addToCart.
浏览 0提问于2020-05-03得票数 0
2回答
我在写一本“NSMutableDictionary”的文章。那还行。
但是，当我想要添加到文件中时，新条目将覆盖第一个条目。
我想要的是这样的东西：
<?xml version="1.0" encoding="UTF-8"?>
<names>
<name1>
<key>
firstname
</key>
<value>
mememememe
</value>
<key>
lastn
浏览 1提问于2015-07-13得票数 0
回答已采纳
从“react”导入React，{ useState }；
导出默认函数TextForm(支持){
const [text,setText]=useState();
const toUppercase=()=>{
console.log("button is clicked");
let newText=text.toUpperCase();
setText(newText);
}
const changingText=(event)=>{
setText(event.target.value)
}
return(
<
浏览 3提问于2022-06-26得票数 0
回答已采纳
例如，React可以将本地状态附加到无状态功能组件上。
const [name, setName] = useState('tom')
const [age, setAge] = useState(25)
在执行上面的两行之后，我想知道本地的状态对象树是什么样子的？说了一些关于如何处理状态的内容。
React依赖于调用钩子的顺序。
或者本地状态根本不是对象树，只是一个数组？
提前感谢！
浏览 1提问于2019-02-13得票数 5
回答已采纳
在我的react应用程序中，我在本地存储一个数组。当我刷新页面(或页面之间)时，本地存储将保持数组的正常运行。
但是，我也希望能够从数组中删除项(而且它可以工作)，但是当我刷新页面时，这些项会返回到视图中，因为我不会将它们从本地存储中删除。
我尝试从本地存储中删除数组，然后将修改后的数组添加回存储中，但它也不起作用。
import React, { useEffect, useState } from 'react';
import ls from "local-storage";
function HomeIndex() {
const [diePool,
浏览 1提问于2020-01-30得票数 0
回答已采纳
当我在useState()内部调用image.onload()钩子时，重呈现React组件出现了问题。我期望组件在我调用setClassificationResult之后重新呈现一次，但出于某种原因，它一直在重新呈现，就像我有一个无限循环。这是我的代码：
const ImageClassification = React.memo(function() {
const [isModelLoaded, setModelLoaded] = useState(false);
const [uploadedFile, setUploadedFile] = useState();
const
浏览 0提问于2019-11-14得票数 1
回答已采纳
2回答
我有下面的代码，它运行良好。<AddContact />是一个简单的组件，它提供一个输入表单，它收集用户的名称+电子邮件--为了完整，我在末尾附加了它的代码。收集的contacts数组存储在localStorage中，当我刷新页面时，它们只需重新加载即可。都很好
import './App.css'
import { useState, useEffect } from 'react'
function App() {
const LOCAL_STORAGE_KEY = 'contacts'
const [cont
浏览 7提问于2022-07-26得票数 1
回答已采纳
我在另一个组件中有4个输入字段，它呈现用户键入的4个输入值，并将它们添加到本地存储中。这将创建4个不同的数组。我试图将这4个数组分组到这个component.Tried中的一个公共数组中，以实现一个useState，但问题是，当我console.log时，我总是使用用户输入的最后一个值来获得这个数组(1)。
import React, { useState } from 'react';
import Button from '@material-ui/core/Button';
import FilterMenu from "./selectButto
浏览 3提问于2021-05-04得票数 0
回答已采纳
我有这样的代码：
import React, { useState } from "react";
import "./styles.css";
export default function App() {
const [state, setState] = useState(0);
const add = () => {
setState(state + 1);
localStorage.setItem("data", JSON.stringify([state].push(state)));
};
浏览 7提问于2020-08-09得票数 0
回答已采纳
在Javascript和Typescript中，(箭头)函数被认为是一等公民。因此，我希望在我的React状态下可以有函数类型。然而，React Hook useState似乎不能很好地处理函数类型。
我有以下代码：
import React, { useState } from "react";
function callApi(num: number): number {
console.log(`Api called with number ${num}. This should never happen.`);
return num;
}
type Comm
浏览 0提问于2020-06-29得票数 0
我使用的是css网格布局，根据屏幕大小有不同的列数和行数。 import React, { useState, useEffect } from 'react'
function Main() {
const [numRows, setNumRows] = useState(10)
const [numColumns, setNumColumns] = useState(10)
const layoutList = [
<Content {...props} />,
<Content {...props2} />
浏览 13提问于2020-12-15得票数 0
我是新手的防火墙工具，我是跟随一个教程视频，以创建一个应用程序与反应和防火墙。因为我上传jpg或png的图片时出错了，所以我想知道firebase和我的应用程序是否相连。在视频中，使用了版本7的firebase，我安装了9.6.8版本。我在谷歌上搜索了如何编写功能与在第7版中编写的代码相同的版本9代码，但仍然不起作用。我猜我的应用程序没有正确地连接到firebase，因为我读到了一个错误。错误来自浏览器的控制台。
0 null
ProgressBar.jsx:6
0 null
connection.ts:81
POST https://firebasestorage.go
浏览 7提问于2022-03-10得票数 0
1回答
大家好，我有这样一个问题：
我希望在任何给定的时间，呈现当前的结果。例如，一秒钟后，我想显示60，2.5秒后，我想显示85，所以这些...
我还想在第一秒内显示一个由60组成的数组，后面跟着很多零，因为对于60之后的值，我还没有达到。在2.5秒之后，您想要显示这样一个数组：
[60,85,0,0,0,0,0,0,0,0,0]
因为85岁以后我还没到那一步
import React, { useEffect, useState } from "react";
import "./styles.css";
const Rep = {
TimeMove: [1,
浏览 10提问于2021-06-01得票数 0
回答已采纳
1回答
我已经尝试了无限滚动的反应从这个链接https://www.youtube.com/watch?v=NZKUirTtxcg&t=303和完美的工作。但我想改善我的状况。 我已经为案例产品制作了卷轴，该产品有sub_category和sub_category有一个类别。例如，我有一个按类别显示所有产品的页面(它显示所有sub_category)。 用户可以选择产品基础sub_category (显示用户为sub_category选择的内容的页面)。 我的问题是，我不知道如何将产品变量重置为新的数组，以填充sub_category中的产品。 我有两个组件ListInfiteTwo.jsx
浏览 22提问于2021-07-13得票数 1
回答已采纳
我在Reactjs中创建了一个待办事项应用程序，并将包含数据的对象保存在本地存储中，但问题是在重新加载页面后，包含本地存储项的数组将被重置，并再次变为空。
家庭部分：
import React, { Component } from 'react';
import Form from "./Form"
import TodoList from "./TodoList"
import { useState } from 'react';
function Home() {
const [inputText,setInputTex
浏览 1提问于2022-04-04得票数 0
回答已采纳
上一期
解决了问题。
但是，记录并没有被添加到管理中。
有人能帮上忙吗？
这是从strapi admin添加和读取评论的代码，
function App() {
const stars = Array(5).fill(0);
const [currentValue, setCurrentValue] = React.useState(0);
const [hoverValue, setHoverValue] = React.useState(undefined);
const handleClick = (value) => {
setC
浏览 16提问于2022-11-18得票数 0
回答已采纳
2回答
我正在尝试用本地存储来存储我的数组，但是我不知道如何去做。此外，我如何使它与状态中的每次更新一起，本地存储在同一时间被更新？
现行法典：
import React, { useState, createContext } from 'react';
import { v4 as uuidv4 } from 'uuid';
export const NoteContext = createContext();
export const NoteProvider = props => {
const [notes, setNotes] = use
浏览 3提问于2022-03-12得票数 5
回答已采纳
我试过如下所示，但是在本地存储更改时，没有调用useEffect。我也尝试过添加依赖项localStorage.getItem('quantity')，但是不起作用。
import React from 'react';
import Categories from '../molecules/Categories';
import './SideBar.scss';
import { useState, useEffect } from 'react';
const SideBar = () => {
浏览 8提问于2022-04-09得票数 0
我只更改了常量值...但是，为什么输出是Hello？请解释一下..。
import React, { useState } from "react";
export default function App() {
const [value, setValue] = useState(["hi"]);
const handlePress = () => {
console.log(value);
const a = value;
a[0] = "Hello";
浏览 4提问于2021-07-20得票数 0
我正在尝试制作一个横幅组件，它将使用react的createContext在上下文的状态上呈现。我已经将状态和setState传递给上下文，将允许用户更改上下文状态。我将这个上下文状态存储在localStorage中，这允许在网站关闭后上下文进行预处理。
但我的背景一直在不停地重复。这是我的bannerContext代码..。
import React, { useState, useContext, createContext, useEffect } from "react";
const BannerContext = createContext({});
expor
浏览 1提问于2021-04-16得票数 1
回答已采纳
我是新的反应，并被困在这个错误处理嵌套对象的简历创造者应用程序。
我正在成功地将新的用户数据传递给我想要显示的组件，但是在进行setState调用时，我会以某种方式复制嵌套的对象。我曾经尝试过研究嵌套对象，以找出这个错误的根源，但是没有成功。
下面是在此表单中传递给组件的捕获数据。
const enteredData = [
{
id: Math.random(),
projectName: projectName,
narrative: [
{
id: Math.random(),
浏览 4提问于2022-08-11得票数 0
我使用的是react-native和expo。我有两个屏幕。当用户单击第一个屏幕上的symbol时
第一个屏幕：
A
acompany
B
bcompany
用户单击A符号。我获取了该符号的一些json数据并显示在我的第二个屏幕上，但我希望将获取的数据保存在第二个屏幕上。但是现在，如果我返回到第一个屏幕(它有一些json数据，如上面给出的符号名称A和它所代表的公司等)，并返回到第二个屏幕，数据就消失了。有没有办法将我的second screen数据存储到本地存储？我在第二个类中注释了要存储在本地存储中的行
我的第二节课：
import React, { useState, useEffect
浏览 5提问于2020-06-10得票数 2
我正在制作一个小的React应用程序来跟踪家庭作业。您应该能够添加多个日期，并在这些日期内添加多个工作分配。我可以将日期打印到屏幕上，也可以打印出一天内的多个作业。但是，在添加另一个日期后，存储所有先前日期中的分配的本地状态将被清除，因此每个日期的分配将消失。所有日期仍然显示在屏幕上，但其中的分配不再存在，也不再处于状态。如何在添加新日期时使工作分配保持在屏幕上并保持状态？这是需要本地存储的东西吗？如果能得到任何帮助，我将不胜感激。下面是我的代码： import Button from './Button';
import DatesInput from './Dat
浏览 24提问于2021-10-26得票数 1
回答已采纳
我刚开始使用useState和useEffect，我正在尝试从随机用户api中获取用户并显示他们。我正在按照文档操作，可以看到我的用户阵列登录到了控制台。 我可以更改什么，这样它就不会告诉我“无法读取未定义的属性'name‘”。 会很感谢你的帮助。 import axios from "axios";
import { Layout, Loading } from "../components";
// import config from '../config.json';
const Overview = () => {
浏览 22提问于2020-06-22得票数 1
回答已采纳
我试图做一个简单的反应应用程序，从一个MySQL数据库(“用户名”，“平衡”，“购买”)获取信息。
到目前为止，我使用了节点，并使用HTTP查询从数据库中提取，并在网站上显示每个元素。
然后，我创建了API查询，用于搜索从我在搜索栏中键入的内容开始的所有条目。
我遇到的问题是如何使用来自API查询的新筛选信息更改显示用户名等的元素的状态？搜索栏和数据元素是两个独立的组件，因此不能在本地使用use钩子。
我不能使用过滤器方法，因为数据库是巨大的，我已经发送了我的查询限制为100。
到目前为止，这是我的代码：
PlayerData.js
import axios from '
浏览 3提问于2021-10-26得票数 0
回答已采纳
我有一个简单的页面显示一些按钮。
当用户单击其中一个按钮时，它会变成蓝色，我希望它在重新加载时保持蓝色。
正如您在主页文件中所看到的，我正在映射一些简单的数据对象，并为每个数据创建一个按钮。
import React, { useState, useEffect } from "react";
import "../App.css";
import Button from "../components/Button";
import Data from "./../data.json";
function Home() {
浏览 1提问于2022-09-20得票数 0
1回答
未将文件上载设置为状态
、、、
我正在尝试实现一个文件上传按钮，然后将数据发送到API。由于输入字段不应该是可见的，只有按钮应该触发上传对话框，所以我已经这样实现了。
问题:文件没有设置为state，所以我不能通过onChange函数中的axios使用POST。
import React, { useState } from 'react';
import useAxios from 'axios-hooks';
export default function BusinessCalendar(props: Props): React.ReactElement {
const h
浏览 3提问于2021-05-31得票数 0
回答已采纳
const [contentRef, setContentRef] = useState<any>(null);
const doc = contentRef?.contentWindow?.document;
const mountNode = doc?.body;
const insertionTarget = doc?.head;
return (
<Box
as="iframe"
ref={setContentRef}
{...props}
>
{* some code he
浏览 4提问于2022-03-16得票数 0
每次单击卡片时，我都想向数组中添加一个新对象，但当我这样做时，它会将最后一个密钥对更改为新的密钥对，而它不会添加它。我选择了这种更新状态的方法，因为我看到它比使用push的方法更流行。
import React, { useState, useEffect } from "react";
import { Link } from "react-router-dom";
import { AiOutlineHeart, AiFillHeart } from "react-icons/ai";
import styles from "./M
浏览 8提问于2022-06-22得票数 0
回答已采纳
在useReducer的第三个参数中，我在访问本地存储时遇到了问题--首先要从本地存储中获取购物车项目。有人能帮忙吗？我需要访问本地存储，以便购物车，即'MedicineToBuy‘在页面重新加载后保持不变。
import React, { useState, createContext, useReducer, useEffect } from 'react'
import { cartReducer } from 'reducers/CartReducers'
export const CartStates = createContext()
e
浏览 5提问于2021-12-06得票数 0
回答已采纳
因此，我试图制作一个待办事项列表应用程序，并使功能添加一个文档到火基地。然而，当我这样做的时候，expo说异步存储已经被废弃，并且有一个未处理的承诺拒绝。
我应用程序中的代码：
import React, { useEffect } from 'react';
import {useState} from "react"
import { SafeAreaView, Text, View, Button, TouchableOpacity, Modal, StyleSheet,Pressable, TextInput } from 'react-nati
浏览 2提问于2022-02-13得票数 0
2回答
首先，我们的目标是在一个反应网站上展示数据库中的汽车，听起来很简单，对吧？
我有一个Firestore数据库，里面有汽车，看起来是这样的：
我还有一个useState钩子，如下所示：
type car = {
carId: string;
model: string;
image: string;
};
const [cars, setCars]: [Array<car>, any] = React.useState([]); // update
我从Firestore数据库获得数据，一切都进行得很顺利，除了数据库中的汽车被添加到cars
浏览 4提问于2022-08-04得票数 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
回答已采纳
1回答
我是JavaScript的初学者，我正在使用React和Redux开发一个电子商务测试应用程序，在这里我需要持久化购物车上的数据(我正在使用本地存储)。当我将项目添加到购物车中时，它们被存储在本地存储中，当我刷新页面数据时，它们仍然保存在本地存储中。当我尝试在页面刷新后将其他项添加到购物车中时，问题就出现了，而不是添加到最初存在的项中，而是从零开始添加。
下面是这方面的代码片段：
MY REDUX ACTION
const arr = [];
export const addItem = (itemsAddedToCart) => {
const id = Math.random()
浏览 0提问于2020-04-06得票数 1
回答已采纳
谢谢你提前帮忙。目前，我正在学习反应。作为学习的一部分，我正在开发一个基本的费用列表应用程序。在其中，我能够列出通过表单输入的数据。但问题是，当输入新数据时，先前的数据就消失了。我想列出当前和以前的数据。有人能帮我解决这个问题吗。
App.js
import React, { useState, Fragment } from "react";
import ExpenseAddForm from "./ExpenseAddForm/ExpenseAddform";
import ExpenseList from "./ExpenseList/Expen
浏览 9提问于2022-10-24得票数 0
回答已采纳
我在useEffect函数中的useState状态不是最新的。在我通过useEffect中的setState修改了我的旧状态后，它会记录我的旧状态。我知道我可以使用useRef并将其传递给useState，但它在setTimeout等内部不起作用。示例如下(查看hook.js文件和console.logs)：https://codesandbox.io/s/prod-wildflower-qbwxt import React, { useEffect, useState } from "react";
import "./styles.css";
import
浏览 24提问于2020-04-03得票数 0
2回答
我从一个照片数据库API中获取数据，我想创建一个按钮，点击后可以将这张照片保存到本地存储中，但是我尝试了很多方法仍然无法成功地使用useState，在我刷新页面后，本地存储中的数据将被清除，我只能使用正常的方式，比如没有useState来使它成功。我想知道如何通过useState保存到本地存储
import React, { useEffect, useState } from "react";
const Pics = ({ data }) => {
//----------------useState way---------------------------
浏览 9提问于2022-10-11得票数 -1
1回答
我有点搞不懂什么时候使用useEffect() --我看到的大多数示例只使用useEffect()从API和其他副作用示例中提取数据，但在组件挂载时发送POST请求时，还没有见过使用useEffect()的人。
然后我在学史诗反应，这个定制的钩子把我弄糊涂了：
const useLocalStorageState = (key, value = "") => {
const [state, setState] = React.useState(() => window.localStorage.getItem(key) || value)
React.us
浏览 6提问于2021-08-11得票数 3
回答已采纳
1回答
我想改变引语的语言，从法语到英语，或者当我点击"lang按钮“时，引号是在页面开始时从数组中随机生成的。这是我的阵列：
const quoteData = [
{
quoteEn:
"Three things cannot be long hidden: the sun, the moon, and the truth.",
quoteFr:
"Trois choses ne peuvent pas être cachées longtemps : le soleil, la lune et la vérité.
浏览 1提问于2020-02-16得票数 0
回答已采纳
1回答
我正在尝试使用react native制作一个简单的视频播放器，当应用程序初始化时，它将从服务器获取播放列表，自动下载它们，然后从本地存储中播放。我不确定是否需要将播放列表存储在数据库中。
目前我所能做到的是能够在线播放视频，因此当没有互联网时，我不能再播放这些视频。我也可以下载视频，但只有一个视频正在下载，而不是整个播放列表。因为我有重复的视频，所以我不想一次又一次地下载相同的视频。而且，我似乎也无法从我的内部存储中访问我下载的视频。我将提供下面的mt代码。谢谢
import React, { useEffect, useState } from 'react';
impor
浏览 44提问于2021-02-19得票数 0
回答已采纳
我的问题与使react挂钩成为可能的Javascript机制有关。 React的最新发展让我们可以创建钩子，即。对于React状态，在如下这样的简单函数中： function App () {
const [someVar, setSomeVar] = useState('someVarDefaultValue');
return (
<div
onClick={() => setSomeVar('newValue')}>{someVar}
</div>
);
} 钩子useState返回
浏览 19提问于2018-12-22得票数 14
回答已采纳
我正在使用useSpeechSynthesis的反应-语音工具包，以阅读文本时，点击按钮。这是我的密码：
import React, { useState } from 'react';
import { useSpeechSynthesis } from 'react-speech-kit';
function Example() {
const [value, setValue] = useState('');
const { speak } = useSpeechSynthesis();
return (
<
浏览 17提问于2022-03-29得票数 0
2回答
const [description, setDescription] = React.useState({
"key1":"first value",
"key2":"second value",
"key3":"third value"
}
)
我有一个像上面提供的一样的东西。我尝试用下面的函数从对象中删除一个键。
const remove = (key) => {
delete description[key]
}
我遇到的问题是，当我调用这个函数时，键被从对
浏览 4提问于2021-11-17得票数 0
回答已采纳
我有一个组件(Card)，它具有使用Postgres在本地主机数据库中跟踪的复选框。当我选中或取消选中该框时，会将一个条目放入networkusers表中。问题是，当我选中或取消选中该框，然后单击一个按钮以呈现一个不同的组件，然后返回到带有复选框的Card组件时，这些框不会显示更新后的检查。但是，如果我注销并重新登录，所有的框都会更新并与数据库同步。那么，如何让组件呈现(或再次获取？)是否在以下组件中更改复选框后立即执行？泰。
import React, { useState } from "react";
const onUpdateCB = (ischecked, log
浏览 0提问于2019-11-29得票数 2
我已经将我的next.js应用程序设置为全球上下文/提供商交易： _app.js import {useState} from "react"
import GlobalContext from "components/GlobalContext"
function MyApp({ Component, pageProps }) {
const [isLoggedIn, setIsLoggedIn] = useState(null)
let contextValues = {
isLoggedIn, setIsLoggedI
浏览 24提问于2020-10-25得票数 0
2回答
所以我在我的项目上使用了Redux查询，我有一个authSlice，其中保存了经过身份验证的用户信息和access_token。
我还将这些信息保存在本地存储中，因此每当我重新加载页面时，我就可以从本地存储中获取值，并将它们保存在状态中。
问题是，我有一个RequiredAuth组件，它检查试图访问特定路由的用户是否经过身份验证，通过检查状态中是否有access_token，它可以正常工作，除非我在经过身份验证时重新加载该页面，然后重定向到我的登录页面。
RequiredAuth组件代码：
import { useLocation, Navigate, Outlet } from "r
浏览 16提问于2022-11-21得票数 -1
1回答
我正在努力使一个反应本地应用程序。我已经制作了登录页面，但我无法解决这个问题，如何制作一个标志来告诉我是否有用户登录。如果用户已登录，请转到仪表板。否则登录屏幕。
这是我的App.js。
import React, { useState } from 'react';
import { StyleSheet, Text, View, Button, AsyncStorage } from 'react-native';
import Login from './components/Login';
import Dashboard from &
浏览 0提问于2020-03-31得票数 0
1回答
在一个(类型记录) react应用程序中，我有一些钩子可以读取和写入本地存储，如下所示：
import { useEffect, useState } from "react";
...
export const useLocalStorage = (key, defaultValue) => {
const [value, setValue] = useState(() => {
return getStorageValue(key, defaultValue);
});
useEffect(() => {
浏览 1提问于2022-07-20得票数 0
我已经尽我所能，我可以得到一个解决方案，我需要我的计数值保持不变，即使我刷新我的页面。例如，如果我的计数达到3，并且当我刷新浏览器时，3应该保持不变，而不是从零开始。
我能得到什么帮助吗？我目前正在学习本地存储
这是代码
import React, { useState } from "react";
export default function LocalStorageSetting() {
const [count, setCount] = useState(0);
const handleClick = () => {
setCount((pr
浏览 9提问于2022-09-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
