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;  
        }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章