react antd 用link实现搜索条件

在页面上方使用四个link来控制页面内容的条件展示,可展示不同搜索条件下的内容。
可用js实现
首先在状态机里定义:

stateArr: [
            {'id':1,'state':false},
            {'id':2,'state':false},
            {'id':3,'state':false},
            {'id':4,'state':false},
        ],

点击link时调用onclick方法,在该方法内判断参数id【此处传递参数1、2、3、4来表示四个link】

if(stateArr[num-1].state == false){
            const params = {
                id: id,
            };       
            dispatch({
                type: 'list/getList',
                payload: params,
            }); 
            stateArr[num-1].state= true;  
        }else{
            // todo 展示全部list
            stateArr[num-1].state= false;  
        }
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值