react-router-v4

问题 I am trying to migrate my website from traditional web app approach to react based app. In this process I am stuck with a problem related to urls. In my website, on server side I use Url Rewrite feature to map urls to their correct controller. But I am not able to figure out how to handle this thing in react router. My current, react router code looks like this <BrowserRouter> <Route exact path="/" component={Home}/> <Route path="/black-forest" component={Product}/> <Route path="/cakes"

问题 I have a ReactJS application which works very well on development environment. I am using webpack. When I run yarn build and I drop my files on my server, everything runs fine. but if I click refresh on the browser, I get a 404. My server uses Apache. I have tried htaccess, I have done historyFallBackApi. None of them seem to solve my problem Here is my .htaccess RewriteBase / RewriteCond %{REQUEST_URI} !^/(assets/?|$) RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d

问题 I am working on a React JS project, inside the project I am using React Router v4 to create a client-side route. This is the project live URL: https://gokhana.herokuapp.com/ On the homepage, a customer will search for the city/location (Indian cities only), whenever customer will select the location (https://prnt.sc/jsy8rp), I want to load the next route i.e https://gokhana.herokuapp.com/restaurants. I am using <Redirect /> for redirecting the page to /restaurants route. When the /restaurants

问题 I tried to add routes dynamically by using v3 but it didn't support it. React-router-v4 supports dynamic routing or not? 回答1: It's quite unclear to me what you actually mean by dynamic routing? Are you thinking of routes provided by the API, or any sort other external source? Sure you can, but you got to think your structure through. The easiest way to achieve that is to map them inside of your Switch Component: <Switch> { routesList.map((route) => ( <Route key={route._id} path={route.path}

问题 While an action is successful, redirect is not working but history.replace is working. Why?? import React, { Component } from "react"; import { Formik, Form, Field, ErrorMessage } from "formik"; import * as Yup from "yup"; import { withRouter } from "react-router-dom"; class Login extends Component { constructor(props) { super(props); } render() { return ( <div id="loginContainer" className="signinup-container"> <h3 className="mb-4"> Log In </h3> <Formik initialValues={{ email: "", password:

问题 How do we get #urls in React (single-page app)? 1) Visit: https://coinhover.io 2) Click on Portfolio 3) Refresh Expected The Portfolio component re-renders Results The app breaks (I know this is because I'm missing a #) App.js import React from 'react' import { connect } from 'react-redux' import { BrowserRouter as Router } from 'react-router-dom' import Routes from './components/Routes' const supportsHistory = "pushState" in window.history class App extends React.Component { render() {

问题 I tried following this tutorial to get a feel of how dynamic routing would work. Now instead of using static data, I want to pull in blog posts using WordPress' API to generate unique links for each post. I'm able to generate the link, but none of the data is generating on the new page. What am I doing wrong here? Articles.js (serves as the preview page to grab all the blog posts, works as expected) import React, { Component } from 'react'; import { Link, Route } from 'react-router-dom';

问题 My site's entering scenario is / -> /home -> /about -> /project When connect to site.com/ , there is welcome message and enter button. After click the 'enter' button, /home will be show. And /home has Navbar that has two components /about and /project So, user can click the navbar menu to navigate another page. /about is works properly, but /project doesn't work. It displayed blank page. [App.js] import React, { Component } from 'react'; import './App.css'; import { BrowserRouter as Router,

问题 I have these routes <Route exact path={`/admin/caters/:id`} component={Cater} /> <Route exact path={'/admin/caters/create'} component={CreateCater} /> When I navigate to the first route I get a cater with a given ID. And the Cater component is rendered When I navigate to the second route, the CreateCater component is rendered on the page, but I noticed that some redux actions that are used in the Cater component are being run. So both component are somehow being rendered - but I can't figure

问题 I'm running into an issue where ConnectedRouter is not updating history on route change. On route change store gets updated history and Router (ConnectedRouter's child) gets updated history but ConnectedRouter's history stays same. The app doesn't render new component but the browser's url changes. index import React from 'react' import ReactDOM from 'react-dom' import { Provider } from 'react-redux' import { ConnectedRouter } from 'react-router-redux' import AppContainer from './containers