草庐IT

express-router

全部标签

javascript - 使用 React-router 在 Redux 中间件中获取 url 参数

我想在Redux中间件中提取URL参数,以便分派(dispatch)操作并在有效负载中使用这些值。 最佳答案 为了实现你的目标,你可以使用redux-router此库允许您将路由器状态保存在Redux存储中。因此,获取当前路径名、查询和参数就像选择应用程序状态的任何其他部分一样简单。之后你可以从中间件获取你的参数exportconstsomeMiddleware=store=>next=>action=>{///getparamsletparams=store.getState().router.params;///thendowh

javascript - React-router 不通过输入 onBlur 事件更改路由

我正在为一个应用程序使用React、Redux和ReactRouter,但在使用onBlur输入事件和路由更改时遇到了问题。我有一个显示内部链接列表的“SearchResults”组件。SearchResults仅在状态searchActive为真时显示。{props.searchActive?:props.children}SearchResults有一个循环呈现的链接列表...{r.name}搜索输入(另一个独立组件)在onFocus事件和期间将searchActive设置为true对于onBlur事件为false。{//dispatchReduxaction(set"search

javascript - 如何链接到 React Router 中的嵌套路由

目前我正在为我的应用程序使用以下代码。const{Router,Route,IndexRoute,Redirect,Link,IndexLink,hashHistory}=ReactRoutervarApp=React.createClass({render:function(){ return( MyApplicationGotoOneGotoThree{this.props.children})}})varIndex=React.createClass({render:function(){ return( Thisisindexroute)}})varLevelOne=Reac

javascript - React Router v4 将通过状态从搜索重定向到结果

有一个搜索组件,当有效负载返回时重定向到结果组件。希望该结果组件使用ReactRouterv4Redirect显示通过的搜索状态.我在文档中的假设是使用state:{referrer:currentLocation}可以传递一个对象。搜索exportdefaultclassSearchextendsComponent{constructor(props){super(props);this.state={searchValue:'',results:[]}this.handleKeyPress=this.handleKeyPress.bind(this);}handleKeyPress

javascript - 使用 Redux、React 和 react-router-dom 4.x 时从动态组件获取 ref

我有以下类(class)classMatchBoxextendsReact.Component{constructor(props){super(props);this.countdownHandler=null;this.showBlocker=true;this.start=this.start.bind(this);}start(){...}render(){...return(...);}};functionmapStateToProps(state){...}functionmatchDispatchToProps(dispatch){...}exportdefaultwit

javascript - React Router v4 Router 组件中的所有内容都会在每次路由更改时重新呈现

我试图更好地理解为什么每当ReactRouterv5中的路由发生变化时我的所有组件都会重新渲染。请注意,这些组件只是重新渲染,而不是重新安装。当我在开发工具中打开React扩展并选中HighlightUpdates复选框时,我可以看到在更改路由时我的所有组件都被勾勒出来,甚至是比路由匹配级别更高的组件:在这个简单的示例中,我希望更改路由不会重新呈现MyHeader组件,因为没有任何更改。但是,我仍然会看到开发工具的亮点。我认为这是预期的,因为文档中的所有示例都表现出相同的行为。我的问题有两个方面。1)使像MyHeader这样的组件重新渲染的实际原因是什么?似乎没有任何Prop或状态正在

javascript - 我应该用 typescript 将我所有的 express 服务器包装在一个类中吗?

我认为自己足以胜任nodeJs。我最近决定通过开始使用Typescript进行开发来改变我的应用程序。我最近看到许多博客(likethisone)在创建RESTfulAPI时,他们将所有模块和应用程序的所有入口点包装在一个类中。它是否正确,或者我可以继续像以前一样使用typescript开发我的应用程序吗? 最佳答案 这是一个风格问题,而不是其他任何问题。但是Express不会为其单元推广OOP,并且将应用程序定义为类没有明显的好处:classApp{publicapp:express.Application;constructor

javascript - Meteor 的 Iron Router 不关闭模态对话框

我正在使用Meteor和IronRouter,并且我有一个模态对话框,当它被关闭时不会隐藏背景。更准确地说,我希望在单击关闭按钮后,ironrouter将重定向到另一个页面。重定向代码确实有效,但背景仍然可见。如果我删除路由线-模式将被关闭,背景也将被关闭。这是模态框的标记:×Areyousure?Thiscannotbeundone.YesNo这是切换模态对话框的按钮:Delete这是确认模式对话框的"is"按钮上的点击事件:'click#confirm-yes-button':function(){Recipes.remove(this._id);$('#confirm

javascript - Angular Run Block - 使用 UI-Router $stateProvider 来解析 Promise

UI-Router不同于Angular的ngRoute。它支持普通ngRoute可以做的所有事情以及许多额外的功能。我正在将我的Angular应用程序从ngRoute更改为UI-Router。但我不太清楚如何以编程方式注入(inject)resolve函数-我在Controller和config之外使用的代码片段。因此,使用标准Angular的ngRoute我可以在Angular运行中动态注入(inject)我的resolvepromiseblock:app.run(function($route){varroute=$route.routes['/'];route.resolve=r

javascript - NodeJS express 。 res.send() 在分配给另一个 var 时失败

我正在使用Expressv3.4.4。当我尝试这样做时:varcb=res.send;cb(result);我得到一个错误:...\node_modules\express\lib\response.js:84varHEAD='HEAD'==req.method;TypeError:Cannotreadproperty'method'ofundefined在代码中,工作一个:workflow.on('someEvent',function(){res.send({error:null,result:'Result'});});不工作:workflow.on('someEvent',fu