Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为何onEnter不在React-Router中调用?

为何onEnter不在React-Router中调用?

提问于 2018-01-29 16:13:44
回答 1关注 0查看 225
代码语言:txt
AI代码解释
复制
// Authentication "before" filter
function requireAuth(nextState, replace){
  console.log("called"); // => Is not triggered at all 
  if (!isLoggedIn()) {
    replace({
      pathname: '/front'
    })
  }
}

// Render the app
render(
  <Provider store={store}>
      <Router history={history}>
        <App>
          <Switch>
            <Route path="/front" component={Front} />
            <Route path="/home" component={Home} onEnter={requireAuth} />
            <Route exact path="/" component={Home} onEnter={requireAuth} />
            <Route path="*" component={NoMatch} />
          </Switch>
        </App>
      </Router>
  </Provider>,
  document.getElementById("lf-app")

当我调用onEnter={requireAuth()},不会得到所需的参数。

回答 1

酒当歌

发布于 2018-01-30 02:11:13

参考如下代码

代码语言:txt
AI代码解释
复制
<Route exact path="/home" render={() => (
  isLoggedIn() ? (
    <Redirect to="/front"/>
  ) : (
    <Home />
  )
)}/>
和开发者交流更多问题细节吧,去 写回答
相关文章
react-router之onEnter和onLeave
在之前介绍过react-router的使用,在这里我们介绍一下路由的onEnter和onLeave,顾名思义,分别是路由进入之前和路由离开之前,我们可以在这段时间内做一些处理。比如下面这个例子
OECOM
2020/07/01
2.2K0
为何很多高质量“中国制造”不在中国卖?
年底将至,又迎来消费旺季,线上线下各种促销活动此起彼伏,刺激着人们“买买买”的热情。这其中,有些现象值得关注:中国生产的高性能电饭煲,却不在“出生地”销售;一双国际大牌的运动鞋,“漂洋过海”买回来的比
机器人网
2018/04/16
4.8K0
为何很多高质量“中国制造”不在中国卖?
React Router 使用教程
真正学会 React 是一个漫长的过程。 你会发现,它不是一个库,也不是一个框架,而是一个庞大的体系。想要发挥它的威力,整个技术栈都要配合它改造。你要学习一整套解决方案,从后端到前端,都是全新的做法。
ruanyf
2018/04/12
2.5K0
React Router 使用教程
React-Router
​ react-router是核心部分。react-router-dom提供了浏览器使用需要的定制组件。react-router-native则专门提供了在原生移动应用中需要用到的部分。
Cloud-Cloudys
2020/07/06
2.7K0
react-router学习笔记
React Router 保持 UI 与 URL 同步。它拥有简单的 API 与强大的功能例如代码缓冲加载、动态路由匹配、以及建立正确的位置过渡处理。
Tiffany_c4df
2020/09/24
3K0
react-router实现机制
react-router使用方式 react-router是专为React设计的路由解决方案,以react component的方式提供API,包含常用的Router,Route,IndexRedir
IMWeb前端团队
2017/12/29
1.6K0
react-router实现机制
react-router是专为React设计的路由解决方案,以react component的方式提供API,包含常用的Router,Route,IndexRedirect,Link,browserHistory等。react-router充分利用react component提供的生命周期特性,使定义路由和开发react component体验一致。
IMWeb前端团队
2019/12/04
1.6K0
从项目中由浅入深的学习react (2)
react + react-router-v4 + redux +ant-design-mobile+iconfont react-router-v4:路由4.x版本 redux:状态管理 ant-design-mobile:UI组件 iconfont:字体icon
火狼1
2019/04/17
1.6K0
从项目中由浅入深的学习react (2)
react-router 中 IndexRoute、IndexRedirect 的区别介绍
本文内容引用了 react-router v3 的文档介绍来举例说明,内容并不重复,我们会以项目开发的角度来分析这两个功能的实际作用,更有助于理解和使用这两个功能。
我与梦想有个约会
2020/01/04
2.4K0
React Router3到5 升级小记
不光是你在用,我们很多项目也在用,懒得升级,感觉改动太大,升级了后谁知道会出什么问题,别没事找事。
zz_jesse
2020/03/17
2.4K0
React-router杂记
1.组件直接通过redux的connect 2.该组件不是路由组件,也就是没有这样的代码
菜的黑人牙膏
2019/01/21
1.3K0
react-router 中 IndexRoute、IndexRedirect 的区别介绍
本文内容引用了 react-router v3 的文档介绍来举例说明,内容并不重复,我们会以项目开发的角度来分析这两个功能的实际作用,更有助于理解和使用这两个功能。
我与梦想有个约会
2023/10/21
1940
React Router基础教程
然后就可以直接使用 ReactRouter 这个对象了,我们可能会使用到其中的几个属性
书童小二
2018/09/03
1.1K0
React Router基础教程
不在 sudoers 文件中。此事将被报告。
使用Linux,初学使用root不要太方便,工作中却不会给你这样的,必须要用自己的账号。新账号需要添加sudo的权限。 su 使用root登陆 visudo 在root下添加自己的用户名 root ALL=(ALL) ALL ryan    ALL=(ALL)      NOPASSWD: ALL 这里nopasswd是为了sudo的时候不用确认密码
Ryan-Miao
2018/03/13
1.5K0
强化学习中无处不在的贝尔曼最优性方程,背后的数学原理为何?
在星际争霸和围棋等游戏中,强化学习已取得了举世瞩目的成功。而这些成功背后的核心则是用于求解马尔可夫决策过程(MDP)的贝尔曼最优性方程(Bellman Optimality Equation)。
AI科技评论
2020/02/25
3.5K0
react-router 入门笔记
React-router 笔记 官方文档 基本思路 react-router 通过react 组件的方式实现, 路由相关的数据,通过props传递给组件调用, 路由层级关系, 通过标签嵌套实现 基础标签 BrowserRouter : 路由容器 该组件只能包含单个元素 Route : 组件渲染出口 必须包含在 BrowserRouter 中 exact 精确匹配 Link : 跳转链接 必须包含在 BrowserRouter 中 基本使用 // react-router-demo import
copy_left
2019/08/21
1.7K0
手写react-router
至于react-router帮助我们实现了什么东西我就不过多阐述了, 这个直接移步官方文档, 我们下面直接聊实现
helloworld1024
2022/12/14
1.4K0
hadoop 不在 sudoers 文件中。此事将被报告
[sudo] password for hadoop:  hadoop 不在 sudoers 文件中。此事将被报告。
拓荒者
2019/03/11
2.6K0
用户不在sudoers 文件中。此事将被报告
跨平台系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#linux 异常处理汇总-服 务 器 http://www.cnblogs.com/dun
逸鹏
2018/04/11
2.5K0
用户不在sudoers 文件中。此事将被报告
用户 不在 sudoers 文件中。此事将被报告。
普通linux用户使用sudo命令执行只有root用户才可以执行的命令时出现了该错误,如下图示:
全栈程序员站长
2022/08/31
2.7K0
用户 不在 sudoers 文件中。此事将被报告。

相似问题

文智领取免费套餐后为何调用时返回Quota run out?

2201

语音翻译api在线调用为何使用不了?

1514

腾讯云开发者平台托管js却为何调用失败?

0334

调用腾讯会议开放API时,为何返回错误代码200002?

2726

为何不能购买?

1252
相关问答用户
公司公司公司公司公司公司 | 职务职务职务职务职务职务擅长3个领域
中建数科 | 技术总监架构部总经理擅长3个领域
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档