【问题标题】: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 文档:

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

    您可以使用普通的&lt;a&gt;&lt;a/&gt; HTML 标签来引用外部链接。

    【讨论】:

      【解决方案2】:

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

      【讨论】:

        猜你喜欢
        • 2022-01-17
        • 2021-10-04
        • 1970-01-01
        • 2022-08-17
        • 2023-02-08
        • 2019-07-19
        • 2021-04-09
        • 1970-01-01
        • 2018-08-07
        相关资源
        最近更新 更多