草庐IT

ROUTER-OS

全部标签

javascript - Angular JS ui-router如何从父级重定向到子状态?

当使用onEnter重定向到一个状态时,如果新状态是当前状态的子状态,则会发生无限循环。示例:$stateProvider.state'inventory',url:'/inventory'templateUrl:'views/inventory.html'controller:'InventoryCtrl'onEnter:()->$state.go'inventory.low'.state'inventory.low',url:'/low'templateUrl:'views/inventory-table.html'controller:'LowInventoryCtrl'时间:$

javascript - 使用 React Native Router Flux 的合成场景栈(历史)

有没有办法用ReactNativeRouterFlux综合定义场景堆栈(历史)?假设我有一个应用程序,用户可以在其中自然地从A–>B–>C进行导航。我想在场景C上启动应用程序,它具有与自然行为相同的历史记录(A->B->C),因此用户从最初打开场景C。编辑:我想这应该可以通过使用ReduxPersist以某种方式实现,但我发现这与issue相关. 最佳答案 我设法用一个假的空初始场景来做到这一点。这是一个非常hacky的解决方案,从C到B的动画仍然无法正常工作。importReact,{Component}from"react";i

javascript - 使用 Redux-Router + React-Router 将基本 URL 添加到应用程序

我正在使用React-Router1.0.0-rc3连同Redux-Router1.0.0-beta3.当使用React-Router时,您可以使用useBasename和createHistory来设置应用程序的基本URL,这样您就可以轻松编写一个在子目录。Example:取而代之的是:import{createHistory}from'history';letbase="/app_name/"some_path你可以使用useBasename这样写:import{createHistory,useBasename}from'history';constbrowserHistory=

javascript - 在 React Router v4 中,如何链接到片段标识符?

给定一个非常简单的页面(假设已经导入了React和react-router@4)://Currentlocation:example.com/aboutSeetheteam//...loadsofcontent...//我希望上面的内容在单击“查看团队”时会向下滚动到已标识的团队anchor。网址正确更新为:example.com/about#the-team,但它不会向下滚动。我已经尝试过替代方案,例如但我相信这不再是规范(也不起作用)。github上有很多针对react-router@v2的解决方法,但它们依赖于BrowserRouter上存在的更新回调,而v4中不再存在。

javascript - 将自定义 Prop 传递给 react-router v4 中的路由器组件

我正在使用ReactRouter创建一个多页面应用程序。我的主要成分是并将所有路由呈现给子组件。我正在尝试通过路线传递Prop,并基于一些research我做到了,子组件利用传递下来的Prop的最常见方式是通过this.props.route他们继承的对象。但是,这个对象对我来说是未定义的。在我的render()在子组件中的功能,我console.log(this.props)并返回一个看起来像这样的对象{match:Object,location:Object,history:Object,staticContext:undefined}看起来完全不像我预期的Prop。这是我的详细代

javascript - Angular UI-Router 在具有 go 函数的状态之间传递数据不起作用

我刚开始学习angularjs,我正在使用angular-ui-router。我正在尝试使用$state.go将数据从一种状态发送到另一种状态,但没有成功。这是我目前所拥有的:我没有故意包含html,因为我认为不需要它,如果需要请告诉我,我会添加它。我的状态配置如下:$stateProvider.state('public',{abstract:true,templateUrl:'App/scripts/main/views/PublicContentParent.html'}).state('public.login',{url:'/login',templateUrl:'App/s

javascript - 使用 React Router 和 Webpack 2 如何仅在某些路由上需要外部库?

目前工作使用Webpack2和ReactRouterv4我已经能够设置工作代码拆分。中间有个解决promise并返回组件(在github问题上找到的模式)。下面的一组示例路由:require('./modules/Profile'),'profile')}props={props}/>}/>require('./modules/CreditCard'),'credit-card')}props={props}/>}/>目标我想进一步扩展,并且对于仅某些路线,加载额外的库。在上面的示例中,我想在信用卡路由上只获取StripeJS(https://js.stripe.com/v2/)库。我

javascript - Angular UI-Router $urlRouterProvider .当不再工作时*

问题:为什么.when()不会在我的$urlRouterProvider还要上类吗?我选择了一个相当强大的Angular应用程序。我一直试图解决的最近一个问题是“页面刷新时丢失用户凭据”问题。当我拿起这个项目的auth服务时并没有多大意义,在仔细研究之后我了解到它是由几页随机代码组合在一起的。它也没有完全工作,所以我研究了不同的来源并决定完全实现其中之一(angular-client-side-auth)现在,我实现的身份验证服务/Controller基本上与angular-client-side-auth中的相同,但是我工作的站点使用基于token的身份验证。token功能已经基本到

javascript - 是 var { Route, Redirect, RouteHandler, Link } = Router;在 Javascript 中有效吗?

这个问题在这里已经有了答案:Javascriptobjectbracketnotation({Navigation}=)onleftsideofassign(5个答案)关闭7年前。这在Javascript中是什么意思?我在react-router示例中找到了这个var{Route,Redirect,RouteHandler,Link}=Router;通过browserify运行时出现以下错误。"UncaughtSyntaxError:Unexpectedtoken{"https://github.com/rackt/react-router/blob/master/examples/d

javascript - react-router v4 - browserHistory 未定义

我正在用Electron创建我的第一个React应用程序(也是我的第一个Electron应用程序)。我有两条路线,需要从一条路线导航到另一条路线。为此,我使用以下代码:根ReactDOM.render(,document.getElementById('root'));应用classAppextendsReact.Component{constructor(){super();}render(){return()}}页面import{browserHistory}from'react-router';...browserHistory.push('/city');这一行报错,TypeE