reactjs – 首先响应加载本地存储

2023年1月12日 167次阅读

我有一个反应应用程序,就像我有App.js,其中包括我的页眉和页脚..

在那里我将我的状态存储到本地存储..存储后我可以检索它..

但我在加载它时遇到问题..在我的浏览器中,当我执行localstorage [‘key’]时它会给我数据,但我无法加载.

我应该先把它装到哪里？

我有Root.js：

class Root extends Component {
  render() {
    const { store } = this.props
    return (
      <Provider store={store}>
          <ReduxRouter />
      </Provider>
    )
  }
}

Root.propTypes = {
  store: PropTypes.object.isRequired
}

export default Root

和外部的index.js：

const store = configureStore()


render(

    <Root store={store} />,
  document.getElementById('root')
)

我应该在哪里加载我的localStorage？

需要帮忙 .我需要知道什么是第一个响应,以便我可以调用加载localStorage那里..如果这是不错的主意

最佳答案 您正在使用redux,因此您应该将数据作为操作的结果来读取.

最简单的方法是：

>在ReduxRouter下,应该有一个连接的组件.见docs
>在该连接组件中,添加componentDidMount以调用操作getStuffFromLocalstorage.见React lifecycle events
>在您的reducer中,从localStorage获取您想要的内容并填充该状态

在你的减速机中它可能是一个反模式,但它至少会使redux-flow流动.

点赞