react-router是怎么运行的？

react-china 的体验不太好，就到这里问了 : )

react-router 网上教程多的很，但一直不知道它是怎么实现的，比如一个路由设置是下面这样的

<Router>
	<div>
		<nav>
			<Route path="/home" component={Home}/>
			<Route path="/api" component={API}/>
			<Route path="/about" component={About}/>
		</nav>
		<section>
			<Route path="/list", component={List}/>
			<Route path="/detail/:id", component={Detail}/>
		</section>
		<footer>
			balabalabala...
		</footer>
	</div>
</Router>

当我在加载了一个list页面后，循环出来列表，在列表里加上 Link

<Link to="/detail/1"/>

问题来了

当点击这个链接后，是不是页面中 section标签内容就会被替换成 Detail组件了？（因为是看官网里的例子写的，所以我感觉好像是替换的意思 https://reacttraining.com/react-router/）

我是这样写的，但没实现，而是在 List组件下面出现了 Detail组件的内容，不知道为啥，求解！！！！