请举例说明在 React 开发中，ES6 扩展运算符有哪些常见的使用方式，并简要说明各自的作用。

回答思路

1. 【回答框架 1】扩展运算符是 ES6 提供的一种语法，允许在函数调用或数组/对象字面量中展开可迭代对象。在 React 中，它常用于组件 props 的传递，例如使用 {...props} 将对象属性展开为组件的 props。
2. 【回答框架 2】在状态更新中，扩展运算符可用于创建新对象或数组，实现不可变更新。例如，在 setState 或 setCounts 时，使用 ...state 和后续属性覆盖来产生新状态，避免直接修改原对象。
3. 【回答框架 3】扩展运算符也用于数组或对象的合并与复制，例如在 reducer 中合并 state，或在使用 React Router 时传递路由参数。
4. 【回答框架 4】在传递多个 props 时，扩展运算符可以简化代码，例如 {...data} 直接传递数据对象的所有属性，减少手动列出属性的繁琐。
5. 【回答框架 5】值得注意的是，扩展运算符是浅拷贝，嵌套对象或数组的修改仍可能影响原数据，因此应在不可变更新时注意深层次结构的处理，或使用不可变库。
6. 【关键点 1】扩展运算符用于 props 传递，简化属性赋值。
7. 【关键点 2】在状态更新中实现不可变更新，避免直接修改状态。
8. 【关键点 3】浅拷贝特性需注意嵌套数据的处理。
9. 【易错点 1】扩展运算符是浅拷贝，对嵌套结构修改可能引发状态意外变更。
10. 【易错点 2】在 props 传递时展开多余属性可能造成不必要的重渲染，需合理使用。