Tag: 反应路由器

React-Router：没有找不到路由？

考虑以下： var AppRoutes = [ <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Page} /> </Route>, <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Header} > <Route path="/withheader" handler={Page} /> </Route> </Route>, <Route handler={App} someProp="defaultProp"> <Route path=":area" handler={Area} /> <Route path=":area/:city" handler={Area} /> <Route path=":area/:city/:locale" handler={Area} /> <Route path=":area/:city/:locale/:type" handler={Area} /> </Route> ]; 我有一个应用程序模板，一个HeaderTemplate，和具有相同的处理程序（在应用程序模板）参数化的路线集。 如果找不到东西，我希望能够提供404条路线。 例如，/ CA / SanFrancisco应该被发现和处理Area，而/ SanFranciscoz应该404。 以下是我如何快速testing路线。 […]

反应路由器dynamic段访问时崩溃

我有一个像这样的路由configuration（只显示我认为可能相关的部分）： var React = require('react'); var Router = require('react-router'); var { Route, DefaultRoute, NotFoundRoute } = Router; var routes = ( <Route handler={AppHandler}> <DefaultRoute handler={HomeHandler}/> <Route name='home' path='/home' handler={HomeHandler}/> <Route name='settings' path='/settings/?:tab?' handler={SettingsHandler}/> <NotFoundRoute handler={NotFoundHandler}/> </Route> ); Router.run(routes, Router.HistoryLocation, function (Handler) { React.render(<Handler/>, document.getElementById('application')); }); 现在，在我的设置反应文件，我有以下几点： var Settings = React.createClass({ mixins: [Router.State], render: function() { […]

“历史logging”在“路由器”中被标记为需要，但其值为“未定义”。 在路由器

我是ReactJs的新手。 这是我的代码： var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/" component={Main}></Route> </Router>, document.getElementById('app')); 并用webpack编译。 此外，我添加了主要组件到我的别名。 控制台会引发这些错误： 我也读了这些链接： 反应路由器失败的道具'历史'，是未定义的 当值未定义时，如何解决历史logging被标记为必需的？ 升级React-Router并用browserHistoryreplacehashHistory 并在网上search很多，但我无法解决这个问题。 React路由器是版本4

使用React-Router和布局页面或每页多个组件

我正在添加反应路由器到现有的项目。 目前，一个模型被传递给一个根组件，该组件包含一个用于子导航的导航组件和一个主要组件。 我发现的反应路由器的例子只有一个子组件，有多个子组件改变而不重复布局代码的最好方法是什么？

从反应路由器哈希段获取查询参数

我正在使用react和react-router作为客户端的应用程序。 我似乎无法弄清楚如何从像这样的url获取以下查询参数： http://xmen.database/search#/?status=APPROVED&page=1&limit=20 我的路线看起来像这样（我知道path是完全错误的）： var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/> <Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/> </Route> ); 我的路线工作正常，但我不知道如何格式化path来获取我想要的参数。 感谢任何帮助！

react-router：如何从URL获取参数值

如何在我的routes.jsx文件中定义一个路由，以便在从其服务器redirect之后，通过Twitter单点login过程生成的URL中捕获__firebase_request_key参数值？ http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla 我试着用下面的路由configuration，但是:redirectParam没有捕获提到的参数： <Router> <Route path="/" component={Main}> <Route path="signin" component={SignIn}> <Route path=":redirectParam" component={TwitterSsoButton} /> </Route> </Route> </Router>

未被捕获的错误：不变的违规：元素types是无效的：期望一个string（对于内置组件）或一个类/函数，但得到：对象

我得到这个错误： 未捕获的错误：不变的违规：元素types无效：期望一个string（对于内置组件）或一个类/函数（对于复合组件），但得到：对象。 这是我的代码： var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var Route = Router.Route var Link = Router.Link var App = React.createClass({ render() { return ( <div> <h1>App</h1> <ul> <li><Link to="/about">About</Link></li> </ul> </div> ) } }) var About = require('./components/Home') ReactDOM.render(( <Router> <Route path="/" component={App}> <Route path="about" component={About} /> </Route> […]

如何停止/＃/浏览器与react-router？

在使用react-router时，有什么办法可以防止/#/在浏览器地址栏中显示？ 这是与ReactJS。 即点击链接转到一个新的路线显示localhost:3000/#/或localhost:3000/#/about 。 取决于路线。