我希望在我的编程网站上解释 Redux 存储的记忆化。我现在在CodeSandbox上拥有:import { useCallback, useMemo, memo } from "react";import { useSelector, useDispatch } from "react-redux";import { createSelector } from "reselect";const
2022-04-15
我想在某些网络调用完成后在运行时设置上下文(只有这样我才知道需要在整个应用程序中访问的值),但我不知道如何保留该值。我可以像这样更新上下文值:<NetworkVersion.Provider value={{version: this.state.version}}>我可以使用组件的状态。此方法取自官方 React 文档。但我很惊讶地发现,此提供程序的其他消费者获得了在 React.createC
2018-04-19
我在 React 应用程序中使用 context API 进行状态管理,并且正在寻找一种从我的 Provider 类中以无状态函数访问状态的方法。我熟悉在 render() 内部将 Consumer 标签包装在 JSX 周围,但在这种情况下,我不会返回任何 JSXapp.jsexport default class App extends Component {render() {return (
2019-04-22
当我在另一个组件中更新状态时,我无法在ContextProvider.js中重新渲染提供程序,因此消费者数据不会改变。ContextProvider.jsexport const AppContext = React.createContext({basketNumber:0});export class ContextProvider extends React.PureComponent {s
2019-05-17
我有一个 React 上下文,它被用作跨多个组件的提供程序。我想修改该状态并通过完全在 React 组件之外的常规方法更新 UI。即不是功能组件或类,只是一段普通的 JS 代码。据我所知,提供程序/上下文只能从渲染方法或 React.FC 中访问我可以传入一个函数,但似乎只能从夹在<Context.Provider>之间的某种类型的 React 组件传入,并且useContext只有在相关项目传递
2019-11-02
我使用 React Context 传递状态并像这样设置状态const [authContext, setAuthData] = useState({isAuthenticated: false,userID:"-1",email:"test",name:"test"});<AuthContext.Provider value={[authContext,setAuthData]}><Router
2020-02-10
我正在尝试使用 React 上下文 API,请检查someComponent函数,我在该函数中传递了点击事件(updateName函数),然后从GlobalProvider函数更新state.name值更新state.name后,它将反映在浏览器中,但不会在控制台中获取更新的值(我已在点击函数行下方调用控制台以获取下方的更新值)为什么在控制台中获取不到更新的值,但它在渲染内部(在浏览器上)?示例代
2020-03-28
我正在重构一些代码,因为我需要进行的 props 钻取量实在是难以管理,所以我借此机会了解了 Context API,但我只是不明白为什么状态没有按照我预期的方式运行...这是我的上下文文件:import React,{useState, createContext} from 'react';export const MileContext = createContext();export co
2020-04-30
我有一个带表单的组件,提交后我想清除表单值。但不清楚在哪里清空表单值。因为我必须从上下文中传递回调或其他内容来设置组件中的表单值。我的带表单的组件const { updateUserData, state} = useContext(UserContext);const [name, setName] = useState(state.name);const [age, setAge] = use
2020-05-07
我可以接收到正确的对象,但是无法用状态值更新的对象来更新上下文值在:const Context = createContext({theme: dark,toggleTheme: () => {},});我想使主题:dark,变为,主题:defaultTheme,使用 useState 修改的动态值import React, { createContext, useState } from 're
2021-03-29
我已经使用 React Context 创建了状态,但是当我尝试更新子组件中的状态属性时,它不起作用,有时是语法错误,有时是逻辑错误,有人可以帮助我吗?in App.jsconst [car, setCar] = useState();<AuthContext.Provider value={{ car, setCar }}><NavigationContainer>{car ? (<Custom
2022-06-07
出于开发环境中性能的原因,我正在尝试将一个大型应用程序从create-react-app迁移到 Vite.js。我遵循了以下指南:https://phelipetls.github.io/posts/migrating-from-cra-to-vite/这是详细的错误:Uncaught TypeError: Cannot read property 'attrs' of undefinedat n
2021-06-01
突然间,几乎所有已安装的模块都出现此错误。“C:/.../node_modules/.vite/react.js”的源映射指向缺少源文件“C:/.../node_modules/.vite/axios.js”的源映射指向缺少源文件“C:/.../node_modules/.vite/react-dom.js”的源映射指向缺少源文件“C:/.../node_modules/.vite//react_
大家好,我是 Vite 新手,我正在尝试使用.env变量来存储 URL,并将其与 axios 一起使用以获取一些数据,但它每次都返回undefined。如果我不使用.env变量,URL 可以正常工作,并且我可以获取数据。
2022-05-21
问题我使用 vite 创建了一个 React JS 项目,今天启动服务器时,更新后遇到了这个错误X [ERROR] [plugin vite:dep-pre-bundle] 在此处导入时检测到路径“node_modules/react/index.js”的元数据不一致:我使用的是 vite 版本 2.9.1问题详情vite v2.9.1 dev server running at:> Local:
2022-07-20