window.location.href 和 this.props.history.push 的选择

Question

if(categoryName){
            _product.saveCategory({
                parentId        : this.state.parentId,
                categoryName    : categoryName
            }).then((res) => {
                _mm.successTips(res);
                this.props.history.push('/product-category/index');
            }, (errMsg) => {
                _mm.errorTips(errMsg);
            });
        }

this.props.history.push('/product-category/index') 如果换成window.location.href = '/product-category/index' 也是可以的，不知道老师推荐用哪个？

Answer 1

Rosen 2018-05-10 17:40:41

能用push的时候就用push，window.location.href会重新加载所有东西，不得已才用

Answer 2

棒棒锤皮皮虾 2018-05-09 22:34:28

两者都一样 this.props.history.push本质就是window.location.href

• 提问者 ywang04 #1

  谢谢回复！ 两者还是有区别的。我通过chrome devTools里的network 看了下结果，this.props.history.push 只会出现add_category.do和get_category.do两个请求，window.location.href除了这两个 还会多出3个请求
  1.  chrome.js
  2. info?t=****
  3. content.min.css

• 棒棒锤皮皮虾 回复 提问者 ywang04 #2

  说明后者虽然一样达到了目的 但是重刷了应用？

• 提问者 ywang04 回复 棒棒锤皮皮虾 #3

  参考老师的回复 应该是这样的。