react踩坑史

最近用react做一个客户管理项目，作为第一次用react的小白，在此记录下踩到的坑，记录血泪史~~

1.react路由-父子问题

写路由的时候遇到了一个奇怪的问题，父路由跳转没有任何问题，但是子路由跳转就是一片空白。无论是怎么修改路径组件都没有用。

后来找到了问题所在：父路由如果有子路由，不能加exact...否则不能匹配

 

2.react路由-顺序问题

要写两个组件内互相跳转路由，但发现一个问题，我需要跳转/allHomePage/clientComponent/handleClientAdd

当这么写时：

<Route  path='/allHomePage' component={workBench}/>
<Route  path="/allHomePage/clientComponent/handleClientAdd" component={handleClientAdd}/>

跳转/allHomePage/clientComponent/handleClientAdd，会自动跳转到/allHomePage下workBench组件的内容（/allHomePage有两个组件，一个是侧边allHomePage组件，一个是进入后的组件workBench，我把两个都命名为/allHomePage路径了）

找了半天原因，发现是顺序问题

当我把顺序反过来时：

<Route  path="/allHomePage/clientComponent/handleClientAdd" component={handleClientAdd}/>
<Route  path='/allHomePage' component={workBench}/>

就可以正常加载handleClientAdd组件内容了

但我并不知道这是为什么...有没有大神指点下