在 React 中创建路由

Posted 2023-02-22

【中文标题】在 React 中创建路由

【英文标题】：Creating Routes in 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>```

【参考方案1】：

来自 react-router-dom 文档：

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

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

【参考方案2】：

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