在 React 中创建路由答案

【问题标题】：Creating Routes in React在 React 中创建路由
【发布时间】：2020-10-25 04:59:03
【问题描述】：

我使用材质 UI 创建了我的抽屉，现在我无法创建指向其他页面的链接。我也尝试将链接设置为 https://www.google.com/。但它也没有工作。以下是我的部分代码。

<List
          component="nav"
          aria-labelledby="nested-list-subheader"
          className={classes.menu}
        >
          <ListItem button>
   
          <ListItemText primary="Buses" component={Link} to="/buses" />
          </ListItem>
          <ListItem button>
            <ListItemText primary="Condutors" />
          </ListItem>
          <ListItem button onClick={handleClick}>
            <ListItemText primary="Reports" />
            {open ? <ExpandLess /> : <ExpandMore />}
          </ListItem>
          <Collapse in={open} timeout="auto" unmountOnExit>
            <List component="div" disablePadding>
              <ListItem button className={classes.nested}>
                <ListItemText primary="Generate Report" />
              </ListItem>
              <ListItem button className={classes.nested}>
                <ListItemText primary="View Report" />
              </ListItem>

              <ListItem button>
                <ListItemText primary="Profle" />
              </ListItem>
              <ListItem button>
                <ListItemText primary="Log Out" />
              </ListItem>
            </List>
          </Collapse>
        </List>```

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

来自 react-router-dom 文档：

围绕您的应用程序提供声明性、可访问的导航。

您可以使用普通的<a><a/> HTML 标签来引用外部链接。

【讨论】：

【解决方案2】：

您可以将 Link 用于 react-router-dom，就像 html 中的 a 或者如果是游览网站中的页面，您可以使用 useHistory 相同的模块

【讨论】：