账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    React router 中 Route的子组件也就是component属性指定的组件总是重复触发render
    12
    0
    const App = () => { return ( <Layout> <Suspense fallback={<RoutePageLoading height="calc(100vh - 65px)" />}> <Switch> <Route path="/xxx" component={lazy(() => import('src/xxx/xxx'))} /> </Switch> </Suspense> </Layout> )}像上面这段代码,其中Layout组件是一个类似antd里的layout,由Header、Sider、Content组成,Layout的child放在Content下,也就是每个路由。其中父组件Layout里有个Redux控制的store,这个store只在Layout里修改和使用,子组件根本不会修改也没有读取,也不会触发路由的修改,但是现在每次在Layout里修改这个store就会触发Route的component的render。问题是如何避免Route组件的render?我使用memo包裹Route的component,好像没发生作用,因为我在memo的第二个参数,比较函数里log一些东西,在控制台根本就没触发。。。
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版

    回答动态

    发布了悬赏问题9414754预计能赚取 0积分收益
    见你爱笑:发布了悬赏问题9414754预计能赚取 11积分收益
    发布了悬赏问题9414754预计能赚取 10积分收益
    庞文娴文娴:发布了悬赏问题9414754预计能赚取 0积分收益
    发布了悬赏问题9414754预计能赚取 0积分收益
    高傲如我:发布了悬赏问题9414754预计能赚取 10积分收益
    Serena.:发布了悬赏问题9414754预计能赚取 0积分收益
    发布了悬赏问题9414754预计能赚取 11积分收益
    missyou:发布了悬赏问题9414754预计能赚取 0积分收益
    我比纸巾还能扯:发布了悬赏问题9414754预计能赚取 0积分收益