需求:通过表单选择刷新列表数据,我们一般的做法是选择表单,然后通过点击查询按钮,实现调接口然后刷新列表,
现在的需求是:没有查询按钮,只要表单改变就触发接口调用。
代码:
@From.create({
onValueChange({dispatch},changedValues,allValues){
// changedValues 这个参数获取的是 你改变的那个表单的值,
// allValues 这个参数是获取整个表单的值
//这里就可以调用你的接口了
dispatch({
type:'yoursModels/fetch',
payload:{
allValues,
}
})
}
}){FromValue}
class FromValue extends Component{
componentDidMount(){
const {dispatch} = this.props;
dispatch({
type:'yoursModels/fetch',
payload:{
allValues,
}
})
}
//这里是各种方法用...省略
....
render(){
...//这里各种定义内容
return(
<Fragment>
<From>
<From.Item>
{getFieldDecorator('category',{})(
<Input>
)}
</From.Item>
</From>
</Fragment>
)
}
}
代码手码的,只为多记录一下,增强记忆,下次如真需要用到这个功能可以找到。省得又不知道怎么处理