如何避免使用useReducer([state，dispatch])和useContext进行无用的重新渲染？

要避免无用的重新渲染，可以考虑以下几个方面：

1. 避免在父组件中将无关的 props 传递给子组件：如果子组件只依赖于特定的 props，那么在父组件中不要传递其他无关的 props。这样可以防止子组件因为不必要的 props 变化而触发重新渲染。
2. 使用 React.memo() 或 PureComponent：通过使用 React.memo() 函数或继承 PureComponent 类，可以对组件进行浅比较，只在 props 发生变化时触发重新渲染。这可以避免不必要的渲染过程。
3. 使用 useCallback() 包裹回调函数：在使用 useReducer() 和 useContext() 时，可以使用 useCallback() 来包裹回调函数，确保每次渲染时都返回相同的回调函数引用。这样可以避免不必要的回调函数重新创建导致的组件重新渲染。
4. 使用 useMemo() 缓存计算结果：如果在组件中存在昂贵的计算操作，可以使用 useMemo() 来缓存计算结果。通过将计算结果缓存在依赖项数组中，可以避免每次渲染时都重新计算。
5. 细粒度拆分组件：如果组件内部存在多个状态，可以考虑将状态拆分成多个子组件，并使用 useReducer() 和 useContext() 分别管理各自的状态。这样可以避免一个状态的更新导致所有子组件重新渲染。

腾讯云相关产品和链接地址：

• 云函数 SCF（Serverless Cloud Function）：腾讯云的无服务器计算服务，用于支持按需执行云端代码，具有高可用、弹性扩展等特点。链接：https://cloud.tencent.com/product/scf
• 云开发 CloudBase：腾讯云的全栈云开发平台，集成了云函数、云数据库、云存储等服务，提供快速开发、高效部署的能力。链接：https://cloud.tencent.com/product/tcb
• 轻量应用服务器 Lighthouse：腾讯云的一种高性能、低成本的计算服务，支持多种计算场景，并具有自动扩展、快速启动等特点。链接：https://cloud.tencent.com/product/lighthouse