关于react-router4的总结

刚接触react做项目，自己动手，总是有很多的坑。我已经碰到了好几个，但是由于项目时间比较急，我没来得及每一个问题都记下来。刚刚遇到一个比较不懂的问题，是解决了，就是不知道出现问题的原因。我先记录下来，小伙伴们如果遇见可以知道解决办法，剩下的几个问题等我有时间慢慢更新。

1、我点击的时候跳转过去路由重定向了。

<Link to="/download"><div className="download-btn">下载APP</div></Link>//我定义的home组件部分代码

//这是新页面，用来定义跳转完整页面

render() {
        return (
            <Router>
                <Switch>
                    <Route path="/app" component={App} />
                    <Route path="/details" component={ListDetail} />
                    <Route path="/loanDetail" component={LoanDetail} />
                    <Route path="/recharge" component={Recharge} />
                    <Route path="/reminder" component={Reminder} />
                    <Route path="/download" component={DownLoadApp} />
                    <Redirect to="/app" />
                </Switch>
            </Router>
        );
    }

解决办法：

在home组件加入如下代码，用Router把整个html代码包住，就可以正常跳转的页面，不会重定向了。

import { HashRouter as Router, Route,Link} from 'react-router-dom';