react-router

问题 I am new to React, so please don't judge strictly. I am rendering my React app on server and want execute code on frontend side. Application renders properly with styles and without warnings or errors, though with empty state since I am using API which should execute on front side and it is OK for now. as I understand server renders component and since server rendered and mounted component on server and it is not calling componentDidMount() method which should do my API calls and other staff

问题 I am new to React, so please don't judge strictly. I am rendering my React app on server and want execute code on frontend side. Application renders properly with styles and without warnings or errors, though with empty state since I am using API which should execute on front side and it is OK for now. as I understand server renders component and since server rendered and mounted component on server and it is not calling componentDidMount() method which should do my API calls and other staff

问题 How do I use react-router-bootstrap to link to another react component? Do I need to set up my routes with react-router first? I don't know how to use react-router-bootstrap's LinkContainer to route a NavItem to a separate react component. import React, { Component } from 'react'; import { Navbar, Nav, NavItem, NavDropdown, MenuItem } from 'react-bootstrap'; import request from 'superagent'; import CardList from './CardList.jsx'; import AddNewCard from './AddNewCard.jsx'; import

问题 How do I use react-router-bootstrap to link to another react component? Do I need to set up my routes with react-router first? I don't know how to use react-router-bootstrap's LinkContainer to route a NavItem to a separate react component. import React, { Component } from 'react'; import { Navbar, Nav, NavItem, NavDropdown, MenuItem } from 'react-bootstrap'; import request from 'superagent'; import CardList from './CardList.jsx'; import AddNewCard from './AddNewCard.jsx'; import

问题 I'm trying to navigate away from a view by pushing into the history object. However when I try to push a route into it, I get an error message: Property 'push' does not exist on type 'History'. render(){ return ( <div className="loginWrapper"> withRouter(({history}) => (<button onClick={()=>{history.push('/home')}} className="btn btn-primary">Pieteikties</button>)) </div> ) } What can I do to fix this? EDIT: I also tried this: logIn(){ this.props.history.push('/new-location') } with a

问题 Hello I´m using react router and I need to pass some querystring parameters tried with <Route path="/result/:type?/?filter=:filter?" exact strict component={Result}/> I was expecting that to catch urls like /result /result/animals /result/cars /result/animals?filter=cats,dogs /result/cars?filter=sedan,truck what´s the right way to do it? 回答1: For url parameters , like /animals and /cars , you can use the colon syntax /:type But for query parameters , like ?filter=something , you need to parse

问题 Hello I´m using react router and I need to pass some querystring parameters tried with <Route path="/result/:type?/?filter=:filter?" exact strict component={Result}/> I was expecting that to catch urls like /result /result/animals /result/cars /result/animals?filter=cats,dogs /result/cars?filter=sedan,truck what´s the right way to do it? 回答1: For url parameters , like /animals and /cars , you can use the colon syntax /:type But for query parameters , like ?filter=something , you need to parse

问题 Hello I´m using react router and I need to pass some querystring parameters tried with <Route path="/result/:type?/?filter=:filter?" exact strict component={Result}/> I was expecting that to catch urls like /result /result/animals /result/cars /result/animals?filter=cats,dogs /result/cars?filter=sedan,truck what´s the right way to do it? 回答1: For url parameters , like /animals and /cars , you can use the colon syntax /:type But for query parameters , like ?filter=something , you need to parse

问题 I'm using react-router-dom v5.2. Upon login, I want my page to redirect to /home from / . The login form is at / . When I try to perform authentication without any async function (ie. comparing username and password to hardcoded values in react), everything works perfectly. But when I do perform authentication using express and mongo, the redirection upon login stops working. If I login again, then the redirection happens. Protected routes still work (redirect to login page if the user is not

问题 I'm using react-router-dom v5.2. Upon login, I want my page to redirect to /home from / . The login form is at / . When I try to perform authentication without any async function (ie. comparing username and password to hardcoded values in react), everything works perfectly. But when I do perform authentication using express and mongo, the redirection upon login stops working. If I login again, then the redirection happens. Protected routes still work (redirect to login page if the user is not