如何解决如何在 reactjs 中持久化或保存状态?
我目前正在使用 ReactJS 开发单页应用程序。 我必须使用本地存储来保存状态,但这并不安全。 我想知道是否有任何可能的安全方式将本地存储用于状态?
解决方法
您可以使用 redux-persist 包来保持状态。
import { createStore,applyMiddleware } from 'redux';
import thunkMiddleware from 'redux-thunk';
import { createLogger } from 'redux-logger';
import rootReducer from '../_reducers';
import { composeWithDevTools } from 'redux-devtools-extension';
import { persistStore,persistReducer } from 'redux-persist'
import storage from 'redux-persist/lib/storage'
const persistConfig = {
key: 'chedsk',storage,}
const loggerMiddleware = createLogger();
const persistedReducer = persistReducer(persistConfig,rootReducer)
const composeEnhancers = composeWithDevTools({trace: true,traceLimit: 20});
export const store = createStore(
persistedReducer,composeEnhancers( applyMiddleware(
thunkMiddleware,loggerMiddleware
))
)
export const persistor = persistStore(store)
import { store,persistor } from './_helpers/store';
import { PersistGate } from 'redux-persist/integration/react'
render(
<Provider store={store}>
<PersistGate loading={null} persistor={persistor}>
<App />
</PersistGate>
</Provider>,document.querySelector('#root')
);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。