react-router（v3）切换页面时不刷新页面，实现显示和隐藏子路由组件

children即this.props.children;
将children保存到全局windows中
save = (children) => {
this.routeName = children.props.route.name;
if (!window.routeCache) window.routeCache = {};
if (!window.routeCache[this.path]) window.routeCache[this.path] = {};
if (!window.routeCache[this.path][this.routeName]) {
window.routeCache[this.path][this.routeName] = children;
}
}

然后在｛this.props.children｝的位置使用下面的方法，判断当前路由选择对应组件进行显示和隐藏
render = () => {
return Object.keys(window.routeCache[this.path]).map((key) => {
if (key === this.routeName) return <div key={key} style={{height: '100%'}}>{window.routeCache[this.path][key]}</div>;
return <div key={key} style={{display: 'none'}}>{window.routeCache[this.path][key]}</div>;
});
}