-
1 votesanswersviews
ReactJs Router将其包装在组件中时自行复制
我是初学者,我正在为我的路由器使用React 4,Redux和react-router-dom包 . 我有一个App.js文件,它连接Main与mapStateToProps和mapDispatchToProps //App.js const App = connect(mapStateToProps, mapDispatchToProps)(Main); 我的主要组件呈现 Headers 和克... -
1 votesanswersviews
无法在React Router v4中推送历史记录(无编程路由)
我很难获得反应路由器v4来推送基于if语句条件的程序化历史记录 . 点按钮上的所有路由都可以正常工作,但我无法让历史记录正常工作 . 我得到的错误是: TypeError: Cannot read property 'push' of undefined 这就行了 self.props.history.push('/picturemain') 很明显,在我的组件中,它并不认为历史是定义的 . ... -
1 votesanswersviews
关键依赖:依赖的请求是表达式 - react-universal-component
Warning: [HMR] bundle has 2 warnings client.js:189 ./node_modules/babel-plugin-universal-import/universalImport.js 33:18-37 Critical dependency: the request of a dependency is an expression @ ./src/r... -
193 votesanswersviews
React Router具有可选的路径参数
我想声明一个带有可选路径参数的路径,因此当我添加页面以执行额外的操作时(例如填充一些数据): http:// localhost / app / path / to / page <=呈现页面http:// localhost / app / path / to / page / pathParam <=根据pathParam呈现包含一些数据的页面 在我的反应路由器中,我有以下路径... -
170 votesanswersviews
具有反应路由器v4的嵌套路由
我目前正在使用react router v4来解决嵌套路由问题 . 最接近的例子是React-Router v4 Documentation中的路由配置 . 我想将我的应用程序拆分为两个不同的部分 . 前端和管理区域 . 我在考虑这样的事情: <Match pattern="/" component={Frontpage}> <Match pattern=... -
62 votesanswersviews
React Router v4中的嵌套路由
我正在尝试设置一些嵌套路由来添加公共布局 . 检查代码: <Router> <Route component={Layout}> <div> <Route path='/abc' component={ABC} /> <Route path='/xyz' component={XYZ} /&g... -
0 votesanswersviews
React路由器始终呈现index.js中指定的根组件
我正在使用react-router-dom(“^ 4.2.2”) import React from 'react'; import ReactDOM from 'react-dom'; import AppContainer from './appContainer'; ReactDOM.render(<AppContainer />, document.getElementByI... -
2 votesanswersviews
React router v4.2.2:在Route的组件prop中使用字符串而不是函数导致错误
我正在使用react-router v4.2.2并且我正在尝试使用一个函数来吐出一个组件属性值为“project.title”的路由列表,这些路由取自我正在使用的reducer . 但是,当我写: return <Route key={i} exact path={`/${project.title}`} exact component={project.title}/> 使用pro... -
1 votesanswersviews
在React-router Link中将对象作为prop传递
我在 ProductList 中获取了产品列表,其中,我需要将所选产品对象传递给 Product . 目前,我正在尝试将 id 作为路径参数传递并再次获取产品对象 . 但我想将整个产品对象从 ProductList 发送到 Product . 我的路线是 <Route path={joinPath(["/product", ":id?"])} co... -
3 votesanswersviews
反应路由器v4不在构建上工作
我在使用react-router-dom在 生产环境 中工作时遇到了麻烦 . 当我的app页眉和页脚呈现得很好时,路由器不起作用,我可以看到以下注释,我的路线应该在检查Chrome devtools中的html时出现 . 我没有控制台错误 . <div> <!-- react-empty: 15 --> <!-- react-empty: 16 --> ... -
0 votesanswersviews
React Router无法呈现Route
新的反应和反应路由器 . 我正在使用react-router-4 我有以下组件 - 登录 - 主页 - Headers - 侧栏 - 内容 登录组件没有 Headers 或补充工具栏 . 这就是我的路由方式 App.js <Switch> <Route exact path='/login' component={Login}/> <Route exa... -
1 votesanswersviews
当路由改变时,MobX React Router 4 @withRouter总是重新渲染
我正在使用MobX @observer和@withRouter(react-router-v4)这样的包装页面组件 @withRouter @inject('stores') @observer class Page extends Component { render() { return ( <div> <NavBar /> ... -
191 votesanswersviews
如何在React Router v4中推送到历史记录?
在当前版本的React Router(v3)中,我可以接受服务器响应并使用 browserHistory.push 转到相应的响应页面 . 但是,这还不确定处理这个问题的适当方法是什么 . 在此示例中,使用Redux,components / app-product-form.js在用户提交表单时调用 this.props.addProduct(props) . 当服务器返回成功时,用户将进入购... -
2 votesanswersviews
使用react-router-dom 4.0在代码中导航?
看看this video反应路由器似乎很容易使用,但我找不到如何在我的代码中导航,因为我想链接点击一个div而不是使用 <Link> . 我've search StackOverflow but haven'找到了任何适用于4.0的答案 . 尝试导入browserHistory从this question给出undefined(在'react-router-dom'之外和之后安装'... -
1 votesanswersviews
反应路由器4嵌套组件无法正常工作
我从react-router 3.x切换到4.x,我无法呈现嵌套路由 . 我用create-react-app引导了一个应用程序 index.js file import React from 'react'; import ReactDOM from 'react-dom'; import Routes from './routes'; import './index.css'; React... -
2 votesanswersviews
在React Router v4中验证URL参数
我想找出一种在React Router v4中验证像这样 /items/:id 的路径路径的方法 . 我想在继续将 ItemPage 组件或 Redirect 组件呈现到登录页面之前检查数据库中是否存在此项(因此需要Promise或异步调用) . 我一直在尝试遵循https://reacttraining.com/react-router/web/example/auth-workflow的模式,... -
2 votesanswersviews
反应路由器4的相对路径
所以我在React Router 4中努力让这个简单的情况适合我 . 基本上,我有一个param用于检索将呈现组件的用户数据 /:user . 我还有一些更具体的视图在该页面上呈现如此 /:user/:specificView . 为了防止后者错过匹配用户,如specificViews我一直在尝试以下正则表达式,但似乎没有什么工作正常 . <div> <Switch&... -
2 votesanswersviews
React router v4忽略精确
我正在尝试使用React路由器v4渲染NotFound组件或重定向到根路由,当路径不正确时,但当我在“/”时,我的应用程序呈现2个组件 . <Switch> <Navbar> <Route exact path="/" component={App} /> <Route path="... -
0 votesanswersviews
反应路由器v4输入组件在打字时失去焦点
我'm using react router v4 and using the render prop to load up a settings component that has a dynamic input (a value prop based on the state with an onChange handler). When I load the component witho... -
0 votesanswersviews
如何将URL注入反应组分的游戏酶单元测试中?
我正在尝试使用jest酶为反应组分创建单元测试: it('renders the problem view without crashing', () => { // TODO: tell the test fixure that the current URL is /problems const wrapper = shallow(<App />); // ...... -
0 votesanswersviews
Jest:react-router测试返回undefined 'params'
我正在尝试使用 MemoryRouter 测试一个组件,如React-router docs中所示,初始条目已设置,因此我可以在包装组件中包含params . 组件示例: render () { console.log(this.props.match.params.item) } 在应用程序(工作正常): <Router> <Switch> <Ro... -
2 votesanswersviews
React-router无法自行显示每个组件
我正在迁移到ReactRouter v4,这对我来说只是一个麻烦 . 我在app.js中有一个文件,我正在尝试设置一个简单的路由系统 . import React, { Component } from 'react'; import { Router, Route, IndexRoute, hashHistory, Redirect } from 'react-router'; import L... -
17 votesanswersviews
如何使用react router dom v4配置webpack dev服务器?
这是我的webpack配置的代码: const compiler = webpack({ entry: ['whatwg-fetch', path.resolve(__dirname, 'js', 'app.js')], module: { loaders: [ { exclude: /node_modules/, test: /\.... -
1 votesanswersviews
BrowserHistory(react-router v4)返回404并且historyApiFallback不起作用
BrowserHistory(react-router v4)返回404并且historyApiFallback不起作用 . 所以,当我去http://localhost:3000/app时,我得到了404.我尝试了以下解决方案但没有任何结果......任何想法?我也尝试将historyApiFallback设置为true而不使用bundle.js的相对路径,即index.html中的/stati... -
0 votesanswersviews
React-router v4.1.1仅适用于dev-server
我试图将我的反应项目放入gh页面 . 但是我发现当我捆绑反应代码时,反应路由器将无法令人惊讶地工作 . 它在开发服务器上运行得很好 以下是我的主要组件和Index.js中的代码 import React from 'react'; import ReactDOM from 'react-dom'; import FrontPage from './FrontPage.js'; import Pag... -
1 votesanswersviews
服务器端呈现 - ReactDOMServer.renderToString返回空路由html(路由器4)
我正在尝试在服务器上呈现react应用程序,但似乎renderToString函数不呈现路径html只有页眉和页脚 . 通过查看页面代码,您只能看到服务器从App.js返回的页眉和页脚 . 但是路由中的代码不在页面上 . 我正在使用React-Router v4 . 我的代码看起来像这样: server.js import express from 'express'; import React ... -
0 votesanswersviews
React Router路径呈现多个组件[重复]
这个问题在这里已有答案: React Router v4 renders multiple routes 3个答案 我有以下路线定义: <Route exact path="/dashboard/main" render={() => <Dashboard toggleModal={this.toggleModal} saveMatchForSidebar... -
0 votesanswersviews
如何将容器组件传递到react-router-dom Route?
我目前在反应路由器redux中传递正确类型的打字稿问题 . 打字稿错误: severity: 'Error' message: 'Type '{ path: "/foo/:id"; component: typeof "<path>..' is not assignable to type 'IntrinsicAttributes & Intrin... -
1 votesanswersviews
React-Router v4.2.2无法正常工作(我想我在Route标签中做错了什么?)
我正在我的项目中使用react-router v4.2.2,并且我正在尝试创建一组卡,每个卡都链接到其他组件 . 现在,我只是通过将每个卡路由到一个名为“Project1”的特定组件来测试路由器的工作原理 . 然而,这不起作用;我没有看到Project1组件中的div弹出 . 我究竟做错了什么??每个Card都不应链接到Project1组件吗? 以下是持有卡片的主容器的代码: import Rea... -
0 votesanswersviews
使用Component外部的react-router-dom / react-router v4重定向页面
我有React-Redux应用程序,应该为服务器返回的所有错误编写一个常见的错误处理程序 . 目前我使用'react-router-dom'进行路由 . 我在组件中使用'withRouter' . 但是我可以重定向内部动作吗?或者如何实现这一目标? 我看到链接How to push to History in React Router v4? . 我应该使用react-router-redux吗?...