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

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

作者: 你坤儿姐 | 来源:发表于2019-06-19 11:41 被阅读0次

之前的代码中,我们每次触发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

      本文链接:https://www.haomeiwen.com/subject/ugyhqctx.html