之前的代碼中吨些,我們每次觸發(fā)handleInputFocus時都會調(diào)用getList方法獲取List數(shù)據(jù)豪墅,現(xiàn)在我們進(jìn)行優(yōu)化
1.在組件中獲取list的值泉手,并在onFocus方法是將值傳給handleInputFocus()方法
onFocus={() => handleInputFocus(list)}
2.到mapDispatchToProps中將加以判斷
// if(list.size === 0){
// dispatch(actionCreators.getList());
// }
//判斷當(dāng)list沒有數(shù)據(jù)的時候再獲取數(shù)據(jù)方法和上面if方法一樣
(list.size === 0) && dispatch(actionCreators.getList());
dispatch(actionCreators.searchFocus());
3.當(dāng)鼠標(biāo)指向‘換一批’時,把鼠標(biāo)換成小手
在style.js中SearchInfoSwitch添加代碼
cursor: pointer;//把鼠標(biāo)換成手型的