之前的代码中,我们每次触发handleInputFocus时都会调用getList方法获取List数据,现在我们进行优化
1.在组件中获取list的值,并在onFocus方法是将值传给handleInputFocus()方法
onFocus={() => handleInputFocus(list)}
2.到mapDispatchToProps中将加以判断
// if(list.size === 0){
// dispatch(actionCreators.getList());
// }
//判断当list没有数据的时候再获取数据方法和上面if方法一样
(list.size === 0) && dispatch(actionCreators.getList());
dispatch(actionCreators.searchFocus());
3.当鼠标指向‘换一批’时,把鼠标换成小手
在style.js中SearchInfoSwitch添加代码
cursor: pointer;//把鼠标换成手型的
网友评论