实习记录1209

• Dva通过model把一个领域的模型管理起来，包含同步更新 state 的 reducers，处理异步逻辑的 effects，订阅数据源的 subscriptions 
• action 是改变 State 的唯一途径，但是它只描述了一个行为，而 dipatch 可以看作是触发这个行为的方式，而 Reducer 则是描述如何改变数据的。
• effects和reducer的调用重名问题：
• 一般来说，修改state的时候使用reducer，其他时候都用effects。如果名称一样，在dva@2后，只有effect会调用，所以两个不能重名，否则会造成死循环。
• yield call调用数据接口和请求参数、put用于出发action、select用于获取model中的state
• select接受参数类型：

const num = yield select(state => state.命名空间.num)    //这里就获取到了当前state中的数据num

     //方式二： const num = yield select(  ({num}) =>num  )

    //方式三： const num = yield select(   _ =>_.num   )

const{要获取的值 }= yield select(  (_:any)=>_.命名空间  )

————————————————

使用dva简单流程：

• 创建数据模型model
• 编写修改数据模型的方法reducers、涉及到异步请求获取数据的方法effects
• 注册数据模型app.model(require('./models/users').default);
• 编写服务接口
• 编写组建，使用connect传递dispatch等，用来做组建和数据模型之间的交互，父组建通过传递this。props给子组件，连接之后的组件就可以拥有dispatch、数据模型

使用form.create()包装过的组件会自带this.props.form，利用这一点可以使用getFieldDecorator（定义表单item的验证规则）、getFieldValue等form暴露出来到api

getFieldValue只能获取到由getFieldDecorator设定到参数，即getFieldValue不能获取没有使用getFieldDecorator绑定的控件

Ant Design 表单中getFieldDecorator、getFieldValue、setFieldValue用法 - 健人雄 - 博客园