标签: redux-persist

如何坚持商店价值反应原生?

在我的应用程序中,主页从我的其余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)

现在,我关闭我的应用程序.重新加载应用程序后,购物车数组变空.如何在此处保留商店值?

react-native redux redux-persist

1
推荐指数
1
解决办法
2550
查看次数

如何使用“combineReducers”将 Redux 状态转换为 Redux Persist?

我尝试在 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)

javascript reactjs redux redux-persist

1
推荐指数
1
解决办法
1857
查看次数

如何使用 redux-persist 只存储一部分 redux 状态

如何使用 redux-persist 只存储一部分 redux-state。例如我有以下状态

const initialState = {
data: [],
fetched: false,
loadingUser: false
}
Run Code Online (Sandbox Code Playgroud)

如何使用 redux-persist 只存储数据而不保存 fetched 和 loadingUser 布尔值

reactjs redux redux-persist

0
推荐指数
1
解决办法
1011
查看次数

使用 redux-persist 和 redux thunk

嘿伙计们,我在 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 的设置中坚持吗?我尝试了一些解决方案但没有解决

reactjs redux react-redux next.js redux-persist

0
推荐指数
1
解决办法
2742
查看次数

异步存储 vs Redux 持久化,它们保留多久

你能帮我理解这一点吗?我认为这是一个重复的问题,我也提供了一些链接。我的问题是关于 React Native 移动应用程序

  1. 我了解异步的数据限制为 6 MB,即使您重新启动应用程序也会存储数据。我的问题是数据在后端保留多长时间。数据可以终身保存直到应用程序被卸载吗?

或者我们可以设置一些命令来告诉 ap 最多存储 1 周并稍后将其删除吗?或者我可以设置仅 2 小时有效并稍后将其删除吗?

你能说出学习 Redux persist 的理由吗?除了异步存储之外,它还有什么功能呢?

多谢

react-native redux-persist

0
推荐指数
1
解决办法
2903
查看次数

如何在react redux中存储和加载实例化对象?

我遇到了 redux-persist 的问题。我有一个类对象 Employee ,它包含不同的函数和一些私有变量。在我通过并从 redux-persist 恢复后,它只返回 Object,但没有 Employee 类型。如何保留该对象及其类型,以便在检索时可以将其用作 Employee 对象。

javascript react-native redux redux-persist

0
推荐指数
1
解决办法
266
查看次数

为什么 useSelector 总是返回未定义?使用 React.js + Redux 工具包 + Redux Persist

“我正在建造一个小型计算器。我试图在本地存储每个输入的数据。我的方法是将 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)

reactjs redux-persist redux-toolkit

0
推荐指数
1
解决办法
1295
查看次数