美文网首页
redux踩坑系列

redux踩坑系列

作者: shanshanfei | 来源:发表于2021-07-12 16:24 被阅读0次
  1. 子组件获取不到store数据:
    应用整体是一个大单页应用,包裹了 redux的<Provider>,在其中一个子组件中用到了另外的一个三方组件A,A组件中也封装了 <Provider> ,导致在子组件中访问根路径下的store数据访问不到。原因是 redux提供的Provider storeKey都是默认的,Provider套Provider的话,会导致store数据被覆盖,由于A组件暂时无法修复,只能临时改下自己根目录下的Provider,改造方案是:不用redux默认提供的 Provider,用redux中的 createProvider(“myStoreKey”) ,在connect的时候 需要带上第四个参数用来指定 storeKey
    const Provider = createProvider(‘myStoreKey’);
    <Provider>…</Provider>
    // 使用
    connect(mapStateToProps, mapDispatchToProps, mergeProps, { storeKey: ‘myStoreKey’})

Tips:整个应用应该只有一个store
待补充:store和context的区别

相关文章

网友评论

      本文标题:redux踩坑系列

      本文链接:https://www.haomeiwen.com/subject/yttdpltx.html