Reactjs 是否可以通过 reactrouter 使用 materialui 按钮导航

<div className="footer">
  <BottomNavigation value={value} onChange={this.handleChange} className={classes.root}>
    <BottomNavigationAction label="signal" value="signal" icon={<ShowChart />} className={classes.content}/>
    <BottomNavigationAction label="hotlist" value="hotlist" icon={<HotList />} className={classes.content}/>
    <BottomNavigationAction label="analyze" value="analyze" icon={<PieChart />} className={classes.content}/>
    <BottomNavigationAction label="learn" value="learn" icon={<LibraryBooks/>} className={classes.content}/>
    <BottomNavigationAction label="dashboard" value="dashboard" icon={<PermIdentity/>} className={classes.content}/>
  </BottomNavigation>
  </div>

import { Link } from 'react-router-dom';

import BottomNavigation from '@material-ui/core/BottomNavigation';
import BottomNavigationAction from '@material-ui/core/BottomNavigationAction';

// ....

<BottomNavigation value={value} onChange={this.handleChange}>
    <BottomNavigationAction
        component={Link}
        to="/signal"
        label="signal"
        value="signal"
        icon={<ShowChart />}
        className={classes.content}
    />
</BottomNavigation>

Reactjs相关问答推荐

如何在useEffect中使用useParams()

URL参数和React路由中的点

sourceBuffer. appendBuffer成功，但h5视频播放器卡住了

react 路由导航不工作，但手动路由工作

包装组件可以避免子组件重新渲染.？

REACTJS：在Reaction中根据路由路径更改加载器API URL

在动态React组件中删除事件侦听器

根据用户 Select 的注册类型更改表单字段

StrictMode+SetInterval=双重渲染(即使使用useEffect清理)

使用 React + Vite 范围化 CSS

React 错误： 只能用作 元素的子元素，从不直接渲染.请将您的 包裹在 中

React-router动态路径

useEffect内部的RETURN语句在首次按钮点击事件中似乎无效的原因是什么？

React 应用程序可以嵌入到 PowerPoint 中吗？

React - 添加了输入数据但不显示

如何禁用 redux-toolkit 的不可序列化值测试警告？

React Native Realm 应用程序在发布构建后崩溃

vdom 最终更新了 dom(在比较之后)任何 dom 更改实际上应该触发整个树的重绘和回流，那么 vdom 有什么用？

为什么 React 会多次调用我的应用程序的某些函数？

CORS 政策：无访问控制允许来源-AWS 和 Vercel