react.js - react中利用react-router怎么实现点击图片跳转？
问 题 想实现点击Paper组件，跳转到一个新的链接，可以使用Link和Redirect，不能用a标签，会导致全局重新加载。 handleVideoClick方法已经能识别出点击了哪一个Paper，但是不知道怎么写跳转的逻辑。因为不能在非render中渲染视图，所以不知道怎么做。 import React from 'react'; import PropTypes from 'pr
..
react-router相关内容
react.js - react-router4.0版本，路由变化，页面没有跳转
请教一下react-router 4.0版本的页面跳转问题，问题是，在页面开始装载根节点的组件，根组件是一个登陆页面，在登陆里面进行createBrowserHistory().push("/main")的操作，结果是url发生了变化，但是路由对应的组件没有出来，请问这是什么情况？ router相关代码如下： const history = createBrowserHistory(); cla
..
react.js - react + react-router单页面项目怎么部署在服务器？
问 题 服务器上要怎么弄？求具体点的方法，本人服务端是小白 解决方案 build了之后直接部署，如果用的browserHistory的话要做一些配置
..
javascript - webpack-dev-server react-router4 嵌套路由404
问 题 1、使用的是react-router 官方的 router config 例子： import React from 'react'; import ReactDom from 'react-dom'; import { BrowserRouter as Router, Route, Link } from 'react-router-dom' con
..
react.js - 一个关于react状态保留的问题
问 题 一个react相关的问题吧 是这样的，用react写的一个单页应用，想要实现一个类似app的效果。 有两个页面，一个是商品列表页，可以滚动然后加载更多的。点击单个商品可以进入到商品详情页。 现在我希望实现的效果是当我在商品列表页滚动到我想要看的商品的地方的时候，点击商品，进入到商品详情页，然后支付是什么的之后返回到商品列表页，希望商品列表页还是保持着我离开时候的状态
..
javascript - react-router 不用 Link 怎么跳转路由？
问 题 一般用链接 home 然后 点击来跳转。 但我用 包着 UI 组件的话显示会有问题，然后我在我的 UI 组件上的 onChange 方法中用 history.pushState() 发现只是改变了地址栏，但 react-
..
react-router - webpack require.ensure异步加载怎么抽出公共模块，并且这些公共模块也异步加载。
问 题 我当前使用 react-router 异步加载组件，当是每个组件生成代码太大，公共引用的库没有分离出来 比如我自己封装了tinymce 组件，如果这个组件也写成异步加载 tinymce 又要怎么写 自成用了 webpack 大部分时间在解决打包问题，反而更费事了 tinymce 组件 import './TinyMCE.scss' import React, {
..
react.js - antd 在create-react-app中用antd搭建PC端SPA，路由切换后，浏览器前进后退后菜单激活状态如何改变
我用create-react-app搭建项目，UI库用antd，react-router4.1.1做路由，做了一个侧边导航做路由切换，已经实现，但是当我点击浏览器的前进和后退按钮时候如何让导航菜单的按钮状态随着路由一起变化？现在是点击前进后退之后路由依然切换，但是menu按钮的状态不动。现在就是差一个事件，判断是否点击了前进或后退，然后设置isSelect的值 react state代码：
..
react.js - react-route 中路由跳转？
问 题 可能是我英语太差还是 api 太low。没找到怎么使用 命令式跳转。 https://reacttraining.com/rea... 报错： browser.js?fec5:49 Warning: Hash history cannot PUSH the same path; a new entry will not be added to the history s
..
javascript - react-router v4.1.1的二级路由点击后只改变URL，页面不跳转
问 题 我的结构是：container里三个一级路由分别为：首页，订单，库存。对应三个组件：index，orderform，repertory。现在订单这个组件中又有三个二级路由：全部订单，待处理订单，已发货订单。现在一级路由正常， 二级路由点击只改变url，页面不跳转，哪位大神指点一下。。 container代码如下： import React, { Component } fr
..
antdesign - Antd Menu组件应该如何结合react-router Link组件?
问 题 如题，在通过create-react-app脚手架搭建项目，antd作为UI部分的实现。 通过侧边栏导航Menu的Menu.Item控制Content部分的变化。 import React, {Component} from 'react'; import { BrowserRouter as Router, Route, Link } from 'r
..
react.js - react-route history模式怎么配置？
问 题 问题： HashRouter 改为 Router 就全部空白页了。也不报错。 备注： 我知道实际部署中需要在服务端配置一下，避免刷新404的问题（vueJs项目中弄过）。 route/index.js hash模式配置 。一切正常 import React from 'react'; import { BrowserRouter as Router,
..
node.js - react.js引入router文件后报错
我是一个初学者，目前遇到一个问题，没能定位问题的原因和解决 从router.js文件导出 RouteConfig 我的路由文件如下：router.js import React from 'react'; import { BrowserRouter, Route } from 'react-router-dom' /* 引入容器组件 */ import Main from './vie
..
javascript - Cannot read property 'push' of undefined react-router
问 题 import {Router} from 'react-router' import createBrowserHistory from 'history/createBrowserHistory' const history = createBrowserHistory(); const store = rehydrate(); const renderApp = Componen
..
javascript - react-router的hashHistory导致组件渲染2次问题
问 题 index.js代码如下 import React from 'react' import { render } from 'react-dom' import { Router, Route, Link, IndexLink, hashHistory, IndexRoute } from 'react-router' import PropTypes from 'prop-t
..
react.js - react-router v4 结合webpack 3 分离代码
问 题 请问大牛该怎么做，才能把react-router v4 结合 webpack做的SPA页面进行代码对应页面进行分离，访问对应的页面才加载对应的代码，才而不是打包成一个。 解决方案 建议你把webpack升级到最新版本v3，虽然v2也是可以。 然后，楼上的方案已经过时了。 v3支持import()功能，使用import()进行代码按需加载即可。 给你参考，
..
react.js - react-router-redux在react-router成为4.0后是不是不需要了
问 题 本来在项目打算使用如下的配置，本人通过一些教程中看到了如果想要用react router和redux结合使用的话需要如下的依赖，但是当我从官网的create-creact-app搭建的一个项目中发现了browserHistory这个依赖已经没有了。然后同样的有一个react-router-dom中有一个BrowserRouter这个组件是可以实现相同的，是不是不需要react-rou
..
react.js - react单页面应用刷新后停留在当前页而不是首页的问题。
问 题 我用react做spa，刷新后每次都是跳转到首页，我在componentWillMount里history.push(window.location.pathname)倒是可以实现刷新后停留在当前页，不过启动项目时候没办法进入首页了。每次启动项目时候找不到入口路由。有人知道怎么解决吗 解决方案 我没用react做过，我用vue做单页应用，我觉着他们俩的思路应该一样吧！就是
..
react.js - react-loadable 编译的时候报import错误
import Loadable from 'react-loadable'; const AsyncHome = Loadable({ loader: () => import('../containers/Home'), loading: MyLoadingComponent }); 使用官方的示例代码，结果编译的时候报如图的错误 检查了一下，不是eslint报的错误，难道是
..
react.js - react-router v4 URL参数改变不重新mount该页面
问 题 react-router v4 做查询的功能的时候，地址为abc.com/search/beijin，搜索框输入k1，回车，然后页面跳转到搜索结果页abc.com/search/beijin/k1，这个页面有下拉加载更多功能，下拉，会加载page1，page2。。。page的页码存在state中。 然后搜索结果页头部也有搜索框，如果在这里的搜索框输入，k2，回车，页面不会发生跳转，
..