13.避免无意义的请求发送,提升组件性能19-06-19

之前的代码中,我们每次触发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;//把鼠标换成手型的

你可能感兴趣的:(13.避免无意义的请求发送,提升组件性能19-06-19)