react route组件没有渲染出来？？？ 求解

Question

import React, { Component } from 'react'
import './homeCss.css'
import { Switch, Route, NavLink } from 'react-router-dom';

// import MyNavLinks from '../../components/MyNvaLink'
import Messages from './message';
import MsgList from './msgList';

export default class Home extends Component {

render() {
    return (
        <div>
            <h1>
                这个是首页
            </h1>
            <div>
                <ul>
                    <li><NavLink to="/Home/msgList">空的</NavLink></li>
                    <li><NavLink to="/Home/message">Messages</NavLink></li>
                </ul>
            </div>
            <div className="msg-box">

                <Switch>
                    {/* <MsgList /> */}
                    <Route exact path='/Home/msgList' components={MsgList} />
                    <Route exact path='/Home/msgList' components={Messages} />
                </Switch>
            </div>
        </div >
    )
}

}

直接放在Switch标签里面可以渲染界面，但是点击Navlink标签，~~~~ route 标签里面就没反应

Answer 1

 <Switch>
      {/* <MsgList /> */}
      <Route exact path="/Home/msgList" component={MsgList} />
      <Route exact path="/Home/msgList" component={Messages} />
    </Switch>

components--->component