react函数式组件怎么与umi/dva中的model文件联系起来并且怎么拿到model文件中的state里面的变量，具体代码案例

React函数式组件与umi/dva中的model文件联系起来的方式通常通过使用dva的connect函数实现，connect函数是一个高阶组件，它可以将model中定义的状态(state)和操作(state的更新函数，通常称为dispatchers)连接到React组件的props上。

以下是一个简化的代码案例，展示了如何在React函数式组件中连接并使用dva model中的state：

首先，确保你的dva model定义如下：

// model.js
export default {
  namespace: 'counter',
  state: {
    count: 0,
  },
  reducers: {
    change(state, { payload }) {
      return { ...state, ...payload };
    },
  },
};

然后，在React函数式组件中，你可以这样使用connect来连接model：

// Counter.js
import React from 'react';
import { connect } from 'dva';

// 使用connect函数连接model中的state到组件的props上
const Counter = ({ count, dispatch }) => {
  return (
    <div>
      <p>当前计数：{count}</p>
      <button onClick={() => dispatch({ type: 'counter/change', payload: { count: count + 1 } })}>
        增加
      </button>
    </div>
  );
};

// 将state和dispatch方法映射到组件的props中
const mapStateToProps = (state) => {
  return {
    count: state.counter.count,
  };
};

// 将connect方法应用于Counter组件，并传入映射函数
export default connect(mapStateToProps)(Counter);

在上述代码中，`Counter` 组件通过 `connect` 方法连接到了 `counter` 这个namespace下的model，组件通过 `mapStateToProps` 函数接收到了 `count` 状态，当点击按钮时，通过调用 `dispatch` 函数来分发一个action，从而触发model中的reducers进行状态更新。