react-router

    3热度

    2回答

    我正在使用react-router v4来生成从异步API中加载的动态路由。从API检索到的数据通过其将创建阵营路由函数通过,类似于: import Home from "containers/home" import FeaturePage from "containers/featurePage" response.map((item) => { if (item.value.

    0热度

    1回答

    我有一个简单的react-router-redux应用程序正在进行,其中/home有一个按钮,点击时应导航到/profile页面。目前我的代码看起来像这样。 动作/ index.js import { push } from 'react-router-redux' import * as actionTypes from '../constants' const homeClicked =

    0热度

    1回答

    我目前正致力于在重定向页面上显示成功/失败消息。 的工作流程是这样的, 用户类型的东西在pageA的,并提交。然后做history.push到下一页。 history.push(/pageB/path, {message: 'Success!'}); 并在页面B,它会显示在顶部成功的消息。 但是,此成功消息将永远存在,然后如果用户按照前面的步骤再次转到pageA,则会使用户感到困惑。然后返回到

    1热度

    1回答

    我正在构建一个使用材质ui的反应项目,并对路由器4做出反应,但我无法获得一个基本示例,但我不确定原因!?我没有任何错误我拥有关于反应路由器文档的基本示例。我似乎无法通过标准的谷歌搜索找到很多帮助,因为大多数人还没有移动到反应路由器4,但它看起来像。一切都显示在页面上,但当我点击标签时,路线实际上并没有改变。 import React, { Component } from 'react'; im

    0热度

    1回答

    我想有一个全球性的No Match路线来处理所有404。一旦登录,所有主要视图都将落入包含页眉和页脚的布局中。尽管NotFound组件应该在此布局之外进行渲染。 下面是“工作” code sample 下面是代码的简化示例的链接: const App =() => ( <Switch> <Route path="/register" component={Register} />

    0热度

    1回答

    当用户单击链接时,它将引导用户进入结帐页面。 selectSlot(slot){ window.location = `/checkout/${slot.target.value}` } 我的方法不会保留redux商店的价值。 我该如何保留这些值? 这里是路由器定义 <Provider store={store}> <ConnectedRouter history={h

    0热度

    1回答

    我收到以下错误,虽然我回一个根元素: Route.render():有效的做出反应元素(或null)必须返回。您可能返回了未定义的数组或其他一些无效的对象。 调度是不是一个函数 我的代码: export var PrivateRoute = ({ component: Component, ...rest }) => { return ( <Route {...rest} re

    3热度

    3回答

    当从一个页面导航到另一个页面时,我希望用户自动滚动到顶部,即scrollTo(0, 0)。 根据react-routerdocs on scroll restoration建议的方法是设置一个组件ScrollToTop并在此范围内包裹您的路线。 虽然这种工作得很好,并且用户滚动到顶部嵌套在ScrollToTop组件内的任何途径,如果该组件被放置在Switch部件内时,Switch不起作用像交换机不

    1热度

    2回答

    我一直在四处搜寻,尽管我发现了其他类型重定向的不同方法,但我还没有找到帮助我处理这个问题的方法。 这个想法是我需要在localstorage上保存一个sessionID变量,我将使用它来确定用户是否已登录到应用程序中,以便我可以将他/她重定向到相应的页面。但是我一直无法这样做。这里是我到目前为止的代码: import React, { Component } from 'react'; impo

    0热度

    1回答

    我试图验证我的路由是否正确设置。就像在我有一个特定的URI的时候,那么相应的组件就会被加载。只是为了防止我意外地迷路。 下面是一个示例连接页: import React from 'react'; import {connect} from 'react-redux'; export const ConnectPage = (props) => { return <div>{pro