umi:在model中使用其它hook

一、model定义
src\models\counterModel.ts

import { useState, useCallback } from 'react';

export default function Page() {
  const [counter, setCounter] = useState(0);

  const increment = useCallback(() => setCounter((c) => c + 1), []);
  const decrement = useCallback(() => setCounter((c) => c - 1), []);

  return { counter, increment, decrement };
};

二、model获取

src\pages\MyModel\index.tsx

//src\pages\MyModel\index.tsx
import { useModel } from '@umijs/max';
import React from 'react';

export default function Page() {
  const {counter, increment} = useModel('counterModel')
  return (
    <>
    {counter}
    <button onClick={increment}>+1</button>
    </>
  ) 
  
}