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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    React Router 4.0后使用js代码控制路由跳转的方法
    79
    0

    现在需要用react实现一个需求,每当页面请求链接/跳转时需要向服务器验证当前登录态,请求链接的函数封装在一个叫request.js的工具里(非组件),当返回鉴权失败时需要跳转到错误页面,要求不使用window.location.href方法,因为需要传递参数但不得暴露,4.0版本前有hashHistory可以实现类似的功能,那么4.0版本之后要怎么办呢?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 寒梅惊雪 普通会员 1楼

      在React Router 4.0中,你可以使用JSX语法来控制路由跳转。以下是一个简单的例子:

      ```jsx import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';

      function App() { return ( ); }

      function About() { return (

      About Us

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor, nisi ut ultrices suscipit, nunc tellus faucibus dolor, at venenatis massa lectus eget est. Curabitur elementum sapien ac est malesuada, et venenatis quam scelerisque. Morbi facilisis ante vel lectus vestibulum, vel bibendum lectus cursus. Sed aliquet enim eget ante venenatis, id faucibus enim dignissim. Aliquam et tellus nec justo bibendum luctus. Aliquam sollicitudin tortor sed nisi malesuada, id dictum erat varius. Sed ultrices ante sed risus cursus, vel faucibus enim elementum.

      ); }

      function Contact() { return (

      Contact Us

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor, nisi ut ultrices suscipit, nunc tellus faucibus dolor, at venenatis massa lectus eget est. Curabitur elementum sapien ac est malesuada, et venenatis quam scelerisque. Morbi facilisis ante vel lectus vestibulum, vel bibendum lectus cursus. Sed aliquet enim eget ante venenatis, id faucibus enim dignissim. Aliquam et tellus nec justo bibendum luctus. Aliquam sollicitudin tortor sed nisi malesuada, id dictum erat varius. Sed ultrices ante sed risus cursus, vel faucibus enim elementum.

      ); }

      export default App; ```

      在这个例子中,我们有两个Route,一个/about,一个/contact。当用户访问/about路由时,他们将看到一个About Us页面。当用户访问/contact路由时,他们将看到一个Contact Us页面。

      你可以根据需要自定义你的路由和页面。例如,你可以添加更多的路由,改变页面的布局,或者添加状态和生命周期方法来处理用户的输入和行为。

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