草庐IT

ROUTER-OS

全部标签

javascript - React Pose + React Router 键无法识别?

所以我有一个小型React应用程序。尝试使用ReactPose来制作页面转换动画。我遵循了与oneoftheofficialdemoswithreact-router-dom类似的结构,如果我正在看这个权利,它应该可以工作。但是,我收到一条错误消息:Error:HEY,LISTEN!EverychildofTransitionmustbegivenauniquekey....并直接指向下面的代码。是否有某种方法可以在这里创建key?每个页面中是否有可能导致此处出现问题的元素?轨迹仅直接指向这部分代码(特别是PoseGroup),所以我不确定我在这里遗漏了什么。constRouteCon

javascript - 在指令模板中时,如何使 Angular ui-router ui-sref 工作?

基本上,我正在尝试更改/自定义ui.bootstrap.accordion的行为。一切正常,除了与ui-router的集成。这是我想要使用Accordion的方式:News1ThisisNews2HomeNews'sNews3Previewandnavigation下面是Accordion修改后的模板:{{heading}}基本上,'site.home.newsID_X'需要替换模板中ui-sref的'site'值。我的尝试是通过accordionGroup指令的链接函数中的“元素”参数设置ui-sref属性的值,如下所示:link:function(scope,element,att

javascript - 从angular-ui-router中的ui-sref更改当前状态下的url参数

使用ui-router,无论我处于什么状态,我都想设置一个URL参数。一个用例是在可添加书签的界面模式(例如“无聊”或“有趣”)之间切换。我知道可以使用ng-click指令来完成,但在这种情况下,我只剩下无href的anchor,这不是很有用。我已经尝试了最明显的ui-sref=".({foo:'bar'})"但它失败了“Noreferencepointgivenforpath'.'”ui-router是否有本地解决方案来执行此操作?理想情况下,我想要这样的东西:boringfun 最佳答案 似乎这个功能在ui-router尚未发布

javascript - Angular ui router ui-sref-active on parent

我有一个父状态和许多子状态。如果我想让父级上的ui-sref-active在我在其中一个child身上时工作,我需要做这个“hack”:$scope.isActive=function(){return$state.includes('playLotteries.Index')||$state.includes('playLotteries.Group')||$state.includes('playLotteries.hunter');}这是非常丑陋的方式,而且我有很多child,所以这似乎不是一个好的解决方案。有人对此问题有其他解决方案吗? 最佳答案

javascript - React Router V4 获取当前路径

如何使用ReactRouterv4获取当前路径?我试过以下方法都没有用:constcurrentLocation=this.props.location.pathname;错误:无法读取未定义的属性“路径名”这是我的Routes.js文件:importReact,{Component}from'react';import{BrowserRouterasRouter,Route,Switch}from'react-router-dom';import{Provider}from'react-redux';importconfigureStorefrom'./Store';importLe

javascript - 使用 create-react-app 进行 react-router-dom 热重载

我正在学习React和ReactRouter。我使用create-react-app创建了一个应用程序,在我开始使用react-router-dom之前,热重载运行良好。这是我的package.json:{"name":"my-app","version":"0.1.0","private":true,"dependencies":{"bulma":"^0.7.2","react":"^16.6.0","react-dom":"^16.6.0","react-router-dom":"^4.3.1","react-scripts":"2.0.5"},"scripts":{"start"

javascript - 我怎样才能让 View 在返回时保留其嵌套的子状态,而不是使用 ui-router 转到其父级?

我使用ui-router创建了选项卡,其中一些选项卡具有子/孙状态。我怎样才能让选项卡View记住它的历史,也就是说,在返回时回到它以前使用的状态。我创建了一个CODEPEN来证明这一点。1)usersgoesintoatab2)usergoesintoanestedviewofthattab3)usergoesintoanothertabsview4)iftheusergoesbackintothefirsttabtheygointotheparentviewofthetab.HowcanIhavethemgobackintothechildviewofthattab(seenin#

javascript - Angular 2 : How do I get params of a route from outside of a router-outlet

与Angular2Getrouterparamsoutsideofrouter-outlet类似的问题但针对的是Angular2的发布版本(因此是路由器的3.0.0版)。我有一个带有联系人列表和路由器socket的应用程序,用于显示或编辑所选联系人。我想确保在任何时候(包括页面加载时)都选择了正确的联系人,所以我希望能够在路线更改时从route读取“id”参数。我可以通过订阅路由器的事件属性来处理路由事件,但是事件对象只允许我访问原始url,而不是它的解析版本。我可以使用路由器的parseUrl方法解析它,但是这种格式不是特别有用,而且相当脆弱,所以我宁愿不使用它。我还在路由事件中查看

javascript - React Router 更改参数不会触发 componentWillRecieveProps

问题:更改的参数component不会更新它正在渲染的组件。路由变化显示在地址栏,但是直接渲染{this.props.match.params.id}显示旧:id而不是URL栏中反射(reflect)的新地址。更新:我通过移动解决了这个问题从index.js文件出来并进入App.js文件。它不再是Provider的直接子组件,而是App组件的子组件。不知道为什么这会使一切突然正常工作。我在做什么:我有一个来自user/7(或任何当前ID)到/user/11componentWillReceiveProps(newProps)它正在渲染的组件未被触发。(如果有帮助,此组件使用react-

javascript - 禁用 UI-Router 与 window.location 的交互

这是一个远景,但UI-router非常流行,我想也许这里有人会对这个问题有见解。我正在将一个项目迁移到AngularJS。该项目由一个包含多个不同面板的页面组成——每个面板都是使用AJAX从服务器下载为HTML,使用Javascript注入(inject)页面,并与其自己的href相关联,href由jQueryHistory管理。.jQuery历史跟踪浏览器状态并在每个面板注入(inject)Javascript后相应地更新window.href。例如:Panel1:window.location.href//http://myapp.com/panel1History.getLoca