在我的应用程序中,主页从我的其余API获取Json响应.然后我将产品添加到购物车数组中.最初,我的商店值是..
const DEFAULT_STATE_TRENDING = {
data:{},
specialoffdata:[],
banner:[],
offerstitle:[],
cart:[],
cartcount:0,
isFetching:false,
dataFetched:false,
error:false,
}
Run Code Online (Sandbox Code Playgroud)
添加产品后,购物车阵列和购物车数量变为..
cart:[{...},{...}],
cartcount:cart.length
Run Code Online (Sandbox Code Playgroud)
现在,我关闭我的应用程序.重新加载应用程序后,购物车数组变空.如何在此处保留商店值?
我尝试在 Redux-Persist 中转换我的 Redux 状态,但我不知道如何编写代码,因为我使用 mergeReducers。
这是我的商店的样子:
import { createStore, combineReducers } from 'redux'
import { usersReducer } from './users';
import { eventsReducer } from './events';
export const store = createStore(combineReducers({
users: usersReducer,
events: eventsReducer
}));
Run Code Online (Sandbox Code Playgroud)
这就是商店的样子:
const initialState = {
loggedIn: false,
thisUser: []
}
export function usersReducer(state = initialState, action) {
switch (action.type) {
case 'users/loggedIn':
return { ...state, loggedIn: action.payload }
case 'users/addUser':
return { ...state, thisUser: action.payload[0] }
case 'users/setActivated':
return { ...state, thisUser: { ...state.thisUser, …Run Code Online (Sandbox Code Playgroud) 如何使用 redux-persist 只存储一部分 redux-state。例如我有以下状态
const initialState = {
data: [],
fetched: false,
loadingUser: false
}
Run Code Online (Sandbox Code Playgroud)
如何使用 redux-persist 只存储数据而不保存 fetched 和 loadingUser 布尔值
嘿伙计们,我在 nextjs 中使用 redux thunk,现在我想在我的应用程序中添加 redux-persist。所以最初我的代码就像
import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import thunk from 'redux-thunk';
import reducer from './reducers';
export const makeStore = (initialState, options) => {
return createStore(reducer, initialState, composeWithDevTools(applyMiddleware(thunk)));
};
Run Code Online (Sandbox Code Playgroud)
任何人都可以帮助我只在 redux 的设置中坚持吗?我尝试了一些解决方案但没有解决
你能帮我理解这一点吗?我认为这是一个重复的问题,我也提供了一些链接。我的问题是关于 React Native 移动应用程序
或者我们可以设置一些命令来告诉 ap 最多存储 1 周并稍后将其删除吗?或者我可以设置仅 2 小时有效并稍后将其删除吗?
你能说出学习 Redux persist 的理由吗?除了异步存储之外,它还有什么功能呢?
多谢
我遇到了 redux-persist 的问题。我有一个类对象 Employee ,它包含不同的函数和一些私有变量。在我通过并从 redux-persist 恢复后,它只返回 Object,但没有 Employee 类型。如何保留该对象及其类型,以便在检索时可以将其用作 Employee 对象。
“我正在建造一个小型计算器。我试图在本地存储每个输入的数据。我的方法是将 redux 工具包与 redux-persist 结合起来。一切似乎都工作正常,我没有收到任何错误。我的商店正在更新并持续刷新。然而,在使用 useSelector 时,它总是返回为未定义,使用 redux devtools 我可以看到我试图获取的值存在。
Main.js(入口点)
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import { Provider } from "react-redux";
import { store } from "./store/store";
import { PersistGate } from "redux-persist/integration/react";
import "bootstrap/dist/css/bootstrap.min.css";
import "./index.css";
import { persistStore } from "redux-persist";
let persistor = persistStore(store);
ReactDOM.createRoot(document.getElementById("root")).render(
<React.StrictMode>
<Provider store={store}>
<PersistGate loading={null} persistor={persistor}>
<App />
</PersistGate>
</Provider>
</React.StrictMode>
);
Run Code Online (Sandbox Code Playgroud)
roiCalculationSlice.jsx
import { createSlice } from "@reduxjs/toolkit";
const initialState = {
shifts: …Run Code Online (Sandbox Code Playgroud)