Redux Persist 使用示例：如何使用持久化存储模块

在 src 的 index.tsx 文件中，可以通过以下方式使用上述代码：

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { PersistGate } from 'redux-persist/integration/react';
import { persistStore } from 'redux-persist';
import store from './path/to/store';

const persistor = persistStore(store);

ReactDOM.render(
  <Provider store={store}>
    <PersistGate loading={null} persistor={persistor}>
      {/* Your App Component */}
    </PersistGate>
  </Provider>,
  document.getElementById('root')
);

在上述代码中，我们首先导入了必要的依赖项，包括 Provider 和 PersistGate。然后，我们导入了之前创建的 store。

接下来，我们使用 persistStore 函数创建一个 persistor 对象，并将其传递给 PersistGate 组件的 persistor 属性。

最后，我们使用 ReactDOM.render 将 Provider 和 PersistGate 组件包裹在根组件中，并将根组件渲染到 HTML 的根节点上。

这样，我们就可以在根组件中访问 Redux 的状态和操作了，并且通过 PersistGate 实现了对指定模块的持久化存储。