新手学习历程记(四) 关于表单项变化时请求数据

需求:通过表单选择刷新列表数据,我们一般的做法是选择表单,然后通过点击查询按钮,实现调接口然后刷新列表,

现在的需求是:没有查询按钮,只要表单改变就触发接口调用。

代码:

@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>

)

}

}

代码手码的,只为多记录一下,增强记忆,下次如真需要用到这个功能可以找到。省得又不知道怎么处理

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值