本文共 1378 字，大约阅读时间需要 4 分钟。

1、预实现效果

• 查询状态

// 查询状态   handleChangeRegistrationState = (value) => {
      //更新在state中定义的状态    this.setState({
         state: value,    });    const {
    dispatch } = this.props;    const {
    typeId, keyword, pagination } = this.state    dispatch({
         type: 'myCreate/getPageList',      payload: {
           state: value, //将所选的的value的值返回到接口中        typeId, // 这下面的三个值都需要传入， 这样才能实现多个筛选条件限制        keyword: keyword,        ...pagination,      }    });  }

• 再以查询类型为例

// 查询类型  handleChangeRegistrationType = (value) => {
       this.setState({
         typeId: value,    });    const {
    dispatch } = this.props;    const {
    state, keyword, pagination } = this.state    dispatch({
         type: 'myCreate/getPageList',      payload: {
           state,        keyword: keyword,        typeId: value,        ...pagination,      }    });  }

• 再以搜索框为例

// 搜索  handleChangeKeyWord = (value) => {
       this.setState({
         keyword: value,    });    const {
    dispatch } = this.props;    const {
    state, typeId, pagination } = this.state;      dispatch({
           type: 'myCreate/getPageList',        payload: {
             keyword: value,          state,          typeId,          ...pagination,        }    })  }

4、所以综上，搜索功能实现很简单

转载地址：https://blog.csdn.net/weixin_45416217/article/details/103994128 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！