电商App中ReactNative性能优化小结

最新推荐文章于 2025-10-18 05:41:33 发布

原创

最新推荐文章于 2025-10-18 05:41:33 发布 · 572 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react native #react.js #javascript

一、减少re-render

1、shouldComponentUpdate

 shouldComponentUpdate(nextProps, nextState) {return !(nextProps.districtId === this.props.districtId &&nextProps.currentDestId === this.props.currentDestId &&nextProps.showLoading === this.props.showLoading &&nextState.setReceiveProps === this.state.setReceiveProps)}

1.可以拿到前后状态的 state/props，然后手动检查状态是否发生了变更，再根据变更情况来决定组件是否需要重新渲染2.必须考虑和此组件相关的所有 props 和 state，如果有遗漏，就有可能出现数据和视图不统一的情况。所以使用的时候一定非常小心。### 2、React memo

1.React.memo 为高阶组件，参数为组件，返回值为新组件，它与