使用ES6的class定义的React组件不再支持mixins，可以用什么替代？

【概念释义】

React ES6 class 不再支持 mixins。替代：高阶组件、render props、自定义 Hooks（首选）、组合组件。Hooks 将横切逻辑抽为 useXxx()，无命名冲突、无 implicit merge，树形静态分析更友好。

【基础使用】

function useWindowWidth() {
  const [w, setW] = useState(window.innerWidth);
  useEffect(() => {
    const onResize = () => setW(window.