react函数式组件怎么使用dva

React函数式组件使用dva主要是通过dva的API来连接React组件和dva的数据流。dva是一个基于Redux和Redux-Saga的轻量级前端框架，它简化了React应用中状态管理的复杂性。下面是在函数式组件中使用dva的基本步骤：

1. 创建一个dva实例，并定义应用的模型(model)、路由(route)、插件(plugin)和中间件(middleware)等。

2. 在React组件中，通过`useModel`钩子函数来获取model中的state和dispatch，从而订阅状态和发送action。

3. 使用`useEffect`或`useLayoutEffect`等React钩子来处理副作用，如发起异步请求等。

4. 使用`connect`方法来连接React组件和dva的model。这个步骤也可以通过自定义钩子`useModelState`和`useModelActions`来实现。

这里是一个简化的示例代码：

// 1. 引入dva和你需要连接的model
import { useModel } from 'dva';
import { Button } from 'antd';

function MyComponent(props) {
  // 2. 使用useModel钩子获取model中的state和dispatch
  const [state, dispatch] = useModel('myModel');

  // 3. 在合适的生命周期内发起异步操作，例如使用useEffect
  React.useEffect(() => {
    // 获取数据的逻辑
    dispatch({ type: 'myModel/fetchData' });
  }, []);

  // 4. 渲染UI
  return (
    <Button onClick={() => { dispatch({ type: 'myModel/changeSomething' }) }}>
      {state.someData}
    </Button>
  );
}

export default MyComponent;

在这个示例中，我们通过`useModel`钩子连接了名为`myModel`的model，然后在组件加载时通过`useEffect`发起数据获取的action。当用户点击按钮时，会触发另一个action来改变model中的状态。