关于路由的匹配

相关代码：

<BrowserRouter>
	      		<Switch>
	      			<Route path='/detail' component={Detail} />
		      		<Route path='/' component={List} />
		      	</Switch>
</BrowserRouter>

上面这段代码中 component={Detail}，其中的{Detail}是对应引入的类Detail吗？

import Detail from './containers/Detail/';

也就是说引入的一个类，在路由选择中，用“component=”就可以调用了?

另外，后来，老师把'./containers/List/'下的class名称修改成立了“PageList"，代码如下，但是，在src根目录下的index.js文件中，仍然引入的是List：

import List from './containers/List/';

并没有做相应修改，为什么不修改也可以？

相关代码：

class PageList extends Component {
	render() {
		return (
			<List
		style={{background: '#fff'}}
	      bordered
	      dataSource={data}
	      renderItem={item => (<List.Item>{item}</List.Item>)}
	    />
		)
	}
}
export default PageList;

还有一个问题，为什么老师说，'/deail'和'/'匹配？而'/'与'/deail'不匹配？路由匹配，是地址中完全包含了选择路径中的字符串，就算匹配了吗？还是，下一级路径可以与上一级路径匹配，而反之不行？