umi antd跨组件数据共享 快速上手理解与应用

背景：搜索关键词umi connect 看到了使用connect的情况，但是直接上手antd的我只知道umi可能封装了redux什么之类的。接着迷迷糊糊的看了redux react-redux，dva等等。根据学习去整理一个能用的方案。

需求

存储一个状态数据，可以跨组件修改与共享。

本文偏向快速解决需求 相关的背景知识什么，只尽量理解他们的关系。锚定问题 跨组件数据共享和更新。

实践前提

本人使用的是umi搭建的antd-pro。所以如果你也是新手遇到问题在实践之前可以先看适合不适合。猜测既然是umi封装的，那么umi搭建的其他的应用应该也适用。

探索与实践

1. 如何定义跨组件状态数据。
   通过命名的方式定义一个model文件，约定式的 model 组织方式(@umijs/plugin-dva)。
   ​​​​​​​创建src/pages/xxx/model.ts文件，注意相对的位置。也就是说umi通过这样的文件命名模式来注册状态数据模型。

   
   
   export default {
       namespace:"shareData",