React组件props未变更仍重渲染（React.memo无效）问题排查

其他Tab页跟着重渲染的核心逻辑和你用不用返回数据、memo包没包组件没有直接关系：

1. React组件重渲染的触发条件不止props变化：只要组件内部订阅的状态源（全局store、React Context等）更新，且订阅时返回的状态引用发生变化，组件就会重渲染，和props无关。
2. 底部Tab导航的所有页面在首次挂载后会一直保留在组件树中，不会因为切到其他Tab就卸载，所以全局store更新时，所有订阅了store的Tab页都会收到状态更新通知。
3. React.memo只会拦截父组件传参变化导致的重渲染，完全拦不住组件自身订阅的全局状态更新触发的重渲染，所以你之前加memo没有效果。
4. 大概率你存在两个写法问题：要么是其他组件订阅store时拿了全量store状态、或者selector返回了没有缓存的新引用；要么是你更新carInfo数据时，错误地修改了整个store根节点的引用，导致所有订阅store的组件都判定状态发生了变化。

• 优先收敛状态作用域：如果onGetCarInfo返回的车辆信息只在Home_screen组件里使用，不要把这份数据存到全局store，直接用Home_screen的本地state存储即可，从根源上避免全局更新影响其他组件。
• 修正所有组件的store订阅写法：所有组件取全局状态时，只精确选取自身实际用到的最小粒度字段，禁止直接获取全量store对象。

  // 错误写法：获取全量store，任何store更新都会触发重渲染
  const appState = useSelector(state => state)
  
  // 正确写法：只取当前组件需要的字段，其他模块状态更新不会触发重渲染
  const journeyList = useSelector(state => state.journey.list)
  

• 对需要返回对象/数组等引用类型的selector加缓存对比：如果组件需要同时取多个store字段组合成对象使用，要给状态订阅加浅比较逻辑，避免每次store更新都生成新的对象引用触发重渲染。

  import { shallowEqual, useSelector } from 'react-redux'
  // 加shallowEqual对比，只有用到的字段实际变化时才会触发重渲染
  const { reportList, reportTotal } = useSelector(
    state => ({
      reportList: state.report.list,
      reportTotal: state.report.total
    }),
    shallowEqual
  )
  

• 修正store的不可变更新逻辑：更新Home_screen用到的carInfo数据时，只修改对应分支的状态引用，不要深拷贝整个根store对象，保证journey、report、images等其他模块的状态引用不发生变化。

内容的提问来源于stack exchange，提问作者Zuet