美文网首页
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