转到新页面而不是使用React Router 4在<main>中渲染组件

Question

当我点击材料-ui-next抽屉中的链接时，我正在努力渲染嵌套组件。以下是我的Home组件的代码：

 UClient = uReq(Url) 
 page_html = UClient.read()
 UClient.close()

正如你所看到的，它是一个简单的react-router 4嵌套在这里，因为子路由是在home容器而不是Main中指定的。

但是我无法弄清楚这里出了什么问题..有人可以帮忙吗？

更新1

我在控制台中收到以下警告，这肯定意味着我传递的道具有问题：

const Home = (props) => {
const { classes } = props;

return (
    <div className={classes.root}>
        <Drawer variant="permanent">
            <div className={classes.toolbar} />
                <List component="nav">
                    {options.map(option => {
                        return (
                            <ListItem
                                key={option}
                                component={Link} to={`/${slugify(option, {lower: true})}`}
                                button>
                                <ListItemText primary={option} />
                            </ListItem>)
                    })}
                </List>
        </Drawer>
        <main className={classes.content}>
            <div className={classes.toolbar} />
                <Switch>
                    <Route exact path='/forecast' component={ContainerA} />
                    <Route path='/audience' component={ContainerB} />
                    <Route path='/adaptive-forecasting' component={ContainerC} />
                </Switch>
        </main>
    </div>
    )
};