在 React 中，使用 ES6 的 class 语法定义组件后，原有的 mixins 机制不再被支持。请说明有哪些替代方案可以取代 mixins 的功能？
考察说明
考查对 React 中 mixins 废弃原因及现代替代方案的理解。
回答思路
- 【回答框架 1】mixins 在 ES6 class 组件中不被支持，主要原因在于它会导致隐式依赖、命名冲突和代码难以维护。官方推荐使用高阶组件（HOC）来替代，HOC 是一个函数，接收组件并返回新组件，可以注入额外的 props 或逻辑，实现代码复用。
- 【回答框架 2】另外，Render Props 模式也是一种替代方案，通过一个函数作为 children 或其他 prop，共享状态或行为。例如，可以通过 render prop 将鼠标位置等信息传递给使用组件，实现逻辑复用。
- 【回答框架 3】随着 React Hooks 的推出，自定义 Hook 成为最推荐的替代方式。通过将可复用的逻辑提取为自定义 Hook，如 useWindowSize 或 useFetch，可以在不同函数组件中共享状态和副作用，避免了 mixins 的缺点，且代码更清晰。
- 【关键点 1】mixins 被废弃因为容易导致隐式依赖和命名冲突。
- 【关键点 2】高阶组件（HOC）通过包装组件实现逻辑复用。
- 【关键点 3】Render Props 通过函数 prop 共享状态。
- 【关键点 4】自定义 Hook 是函数组件中复用状态逻辑的最佳方式。
- 【易错点 1】高阶组件可能导致组件层级过深。
- 【易错点 2】Render Props 可能导致回调嵌套。
- 【易错点 3】自定义 Hook 只能在函数组件顶层调用。