账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    react-router 跳转没反应,路径都是对的
    31
    0
    <Link to={`${this.props.match.path}/${record.id}`}>查看详情 </Link>
    
                <Switch>
                    <Route path={`${match.path}`} exact component={AirCompressorTable} />
                    <Route path={`${match.path}/aircompressor`} component={AirCompressorTable} />
                    <Route path={`${match.path}/aircompressor/:Id`} component={AirCompressorInfo} />{/*
                    <Route path={`${match.path}/acquisition`} component={SetAcquisition}/> */}
                </Switch>
                

    我现在点击上面的Link ,跳转到http://localhost:8080/#/home/equipment/aircompressor/2
    但是页面就是什么都不动,没有进入route中的组件,这是为什么

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ゛夜灬零乱花寂づ 普通会员 1楼

      在React Router中,导航路由没有响应可能是由于多种原因导致的,例如:

      1. 配置错误:确保你的路由配置是正确的。你可以在你的react-router-dom配置文件中找到Route组件的component属性,如果你的值是Link,那么你的路由应该是<a>标签。

      2. 语法错误:检查你的路由代码是否有语法错误。例如,如果你的路由配置是这样的:

      jsx <Route path="/" component={Home} />

      这里有一个语法错误,你应该将其改为:

      jsx <Route path="/" component={Home} />

      1. 使用了React Router的useRouter钩子:如果你使用了useRouter钩子,那么你可能需要在组件的componentWillMountcomponentWillReceiveProps方法中处理你的路由。

      2. 页面加载了路由,但没有正确地导航:确保你的路由组件在页面加载时已经被渲染,并且路径和组件的状态正确。

      3. 使用了react-router-dom的LinkRoute组件:如果你使用了LinkRoute组件,那么你需要确保这些组件在页面加载时已经被渲染,并且它们的component属性被设置为正确的组件。

      如果以上都检查过了,还是没有解决问题,那么可能需要更深入地检查你的代码,例如,检查你的路由逻辑、你的路由渲染逻辑,以及你的路由的状态管理。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部