كيف يمكنني الحفاظ على ال state بعد تحديث الصفحة في redux

Rayden Storm · 22 مارس 2021

مرحبا أنا أستخدم redux بالطريقة المعتادة


    import React from 'react';

    import ReactDOM from 'react-dom';

    import './index.css';

    import App from './App';

    // REDUX

    import { Provider } from 'react-redux';

    import store from './redux/store';

    ReactDOM.render(

      <Provider store={store}>

        <React.StrictMode>

          <App />

        </React.StrictMode>

      </Provider>,

    document.getElementById('root'),

    );


    import { createStore } from 'redux';

    import rootReducer from './rootReducer';


    const store = createStore(rootReducer);


    export default store;

وأبحث عن طريقة للحفاظ على ال state بعد تحديث الصفحة

Mohammed Saber6 · 22 مارس 2021

لديك عدة طرق

يمكنك أ ن تحفظ الحالة كلها في ال local storage هكذا


import { createStore } from 'redux';

import rootReducer from './rootReducer';


const store = createStore(rootReducer);
localStorage.setItem('appState', JSON.stringify(store))

export default store;

ثم عند استخدامها عند بدء ال application مثلاً باستدعائها واستخدامها

const state = JSON.parse(localStorage.getItem('appState')) || {}

أن تستخدم مكتبة جاهزة توفر عليك مثل مكتبة redux-persist

Yomna Raouf · 22 مارس 2021

عندما نريد حفظ الحالة عند عمل refresh للمتصفح، فمن الأفضل أن تقوم بذلك باستخدام الطبقات الوسيطة ل redux. مثل الطبقات الوسيطة التي تسمى redux-persist و ال redux-storage. فكلًا منهما تقوم بنفس الوظيفة و هي حفظ ال redux state و تحميلها بعد عمل refresh.

لذلك أنصحك بأن تلقي نظرة على الطبقة الوسيطة redux-persist فهي توفر أكثر من طريقة لل storage implementation و تدعم ال web و react-native و electron و node.

كيف يمكنني الحفاظ على ال state بعد تحديث الصفحة في redux

السؤال

Rayden Storm

2 أجوبة على هذا السؤال

Recommended Posts

Mohammed Saber6

Yomna Raouf

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية