首页 > TAG信息列表 > react-router-v4

javascript-如何在react-router v4中保留查询参数

用户登录后重定向到我的应用程序(Java上的服务器),并且具有网址,如下所示 http://10.8.0.29:8083/html/?locale=RU&token=1c5c71f2-dcda-4a51-8cf6-f8f6ff1031d0&returnTo=http://10.8.0.23:8080/ (带有一些参数,html-是源所在的文件夹).在我的应用上导航时,我需要保留这些参数.到

javascript – 使路由器与动态路由在浏览器直接链接上给出404

我有一个React Front-end连接到Wordpress API,路由在客户端使用React Router定义.当我使用Link将它们引导到动态路线时,它们可以正常工作.但是,当我使用浏览器地址栏直接访问按Enter键的链接,或者我刷新.i得到 404 page not found 我知道这是因为直接调用服务器正在发生,并且当

javascript – 如何使用react-router处理身份验证？

尝试使某些路由需要身份验证. 我有这个： class App extends Component { render() { const menuClass = `${this.props.contentMenuClass} col-xs-12 col-md-9`; return ( <BrowserRouter history={browserHistory}> <div className="App">

javascript – 通过react路由器重新加载相同路由后的API调用

我正在通过重定向从react-router-dom v4重新加载组件, 当Component第一次加载时,api调用发生在ComponentDidMount中.但是,当Redirect触发组件重新加载时,此方法不会运行. 我有组件TopicList,它由路径/主题使用来自react-router-dom的路由显示 PostTopic是在TopicList中呈现的模态.

javascript – react-router(v4)怎么回去？

试着找出如何回到上一页.我正在使用[react-router-v4] [1] 这是我在第一个目标网页中配置的代码： <Router> <div> <Link to="/"><div className="routerStyle"><Glyphicon glyph="home" /></div></Link> <Route exact p

javascript – onEnter未在React-Router中调用

好吧,我厌倦了尝试. onEnter方法不起作用.知道为什么会这样吗？ // Authentication "before" filter function requireAuth(nextState, replace){ console.log("called"); // => Is not triggered at all if (!isLoggedIn()) { replace({ pathname: '/fr

javascript – React router：组件不更新url搜索参数更改

我有一个使用URL搜索参数的React应用程序.根据搜索参数v的值,该组件应该显示不同的内容. 可能的URL可能如下所示： http://localhost:3000/hello?v=12345 一旦v查询参数在URL中更改,我希望我的组件更新. http://localhost:3000/hello?v=6789 我正在使用我的App组件中的react-rout

javascript – React router v4使用声明性重定向而不渲染当前组件

我在用户登录后使用类似的代码(如this)在我的应用程序中重定向.代码如下所示： import React, { Component } from 'react' import { Redirect } from 'react-router' export default class LoginForm extends Component { constructor () { super(); this.state = {

javascript – 将props传递给withRouter()函数中包含的react组件

我正在使用React-Router v4在我的React应用程序中导航.以下是包含在withRouter()函数中的组件,以使其能够在单击时更改路由： const LogoName = withRouter(({history, props}) => ( <h1 {...props} onClick={() => {history.push('/')}}> BandMate </h1> )); 正如

javascript – 使用react-router v4重定向到登录页面

我是React的新手. 我想创建一个默认重定向到登录的amdin应用程序(隐藏主菜单).使用react-router v4,基于此sample,默认情况下已显示菜单.这样做的最佳做法是什么？这是我目前的代码 在index.js中 import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserR