React 组件存在大量 props 需要传递时，若希望避免逐一设置，可以采用哪些方式？请说明其实现原理和适用场景。

回答思路

1. 【回答框架 1】最常用的方法是在 JSX 中使用展开运算符（...）将对象属性批量传递给组件，例如 <Child {...props} />，这样可以避免逐个书写每个 prop。
2. 【回答框架 2】对于深层次组件或全局状态，可以使用 Context API，通过在父组件提供 Context，子组件通过 useContext 或 Consumer 获取所需属性，从而避免 props 逐层传递。
3. 【回答框架 3】还可以使用高阶组件（HOC）或 render props 模式来封装属性传递逻辑，减少重复代码，但会增加组件层次。
4. 【回答框架 4】类组件可以通过默认 props 或使用 setState 初始数据来简化，但批量传递主要依赖展开运算符或 Context。
5. 【回答框架 5】需要根据场景选择：简单场景用展开运算符；跨层级共享用 Context；若需逻辑复用，可考虑 HOC 或 hooks（useContext）组合。
6. 【关键点 1】展开运算符可将对象属性批量绑定到组件，但要注意覆盖顺序。
7. 【关键点 2】Context API 适合跨层级传递属性，避免逐层回调。
8. 【关键点 3】HOC 和 render props 可以抽象属性来源，但增加结构复杂度。
9. 【易错点 1】直接展开所有 props 可能传递多余属性，导致不必要的重新渲染。
10. 【易错点 2】Context 更新时会导致所有消费组件重新渲染，需优化 value 缓存或拆分 context。
11. 【易错点 3】HOC 需注意静态方法继承和 ref 转发问题。