react componentDidMount 数据请求两次各位有什么建议？

Question

我在componentDidMount请求数据，然后在浏览器里看到我的数据请求了两次，在网上也找到一些答案，但是都没有解决问题。这是找到的一个回答：react-router3.xhashHistoryrender两次的bug,及解决方案然后在控制台打印出来this.props.router.location.action发现两次都是POP并没有像上面链接说的那样一个是PUSH一个是POP，请问有人遇到这个问题么？是怎么解决的？数据请求：componentDidMount(){window.addEventListener('scroll',this.onScrollHandle);if(!this.state.isDraft){this.props.getRate({type:this.state.type,userId:this.state.userId});this.handlePageChange(1,3);}this.getData();console.log(this.props.router.location.action);//this.setState({provinceInfo:getProvinceInfo(this.state.provinceId)});}getData=()=>{this.props.getApp(this.state.type,this.state.userId);this.props.getSimilarApp({apptype:this.state.type});}react版本如下"react":"^15.5.4","react-dom":"^15.5.4","react-redux":"^4.4.2","react-router":"^3.0.5",

Answer 1

找到原因了，我在入口文件App.js里请求了一次不同用户权限的接口，而且在渲染的时候返回两个组件，如下：
render(){
const{isFetching}=this.props.userRole;
const{Content,Footer}=Layout;
if(isFetching){
return(
)
}else{
return(
...
);
}
}
我通过请求userRole接口的isFetching来控制渲染，但是这样做是不正确的，因为一开始isFetching就是false，所以，一开始就会render一次Layout，然后在componentDidMount请求userRole，isFetching变为true，页面卸载Layout，渲染Spin。等userRole请求结束，isFetching=false，继续渲染Layout。从而导致在Detail详情页面请求两次数据。修改后的代码如下：
return(
...
);