请解释：React的高阶组件HOC?它与普通组件有什么区别?它的优缺点和应用场景是什ES6的扩展运算符...在React 中有哪些应用 是什么？

【概念释义】

高阶组件（HOC） 是函数 (WrappedComponent) => EnhancedComponent，不修改原组件，通过组合增强 props、逻辑或渲染。与普通组件区别：HOC 是函数、无 JSX 输出自身 UI；普通组件直接返回 UI。ES6 扩展运算符在 React 中用于 props 透传 {...props}、state 不可变更新 {...state, x}、合并默认 props。

【基础使用】

function withExtra(Wrapped) {
  return function Enhanced(props) {