You’re doing a few things wrong. First, browserHistory isn’t a thing in V4, so you can remove that. Second, you’re importing everything from react-router, it should be react-router-dom. Third, react-router-dom doesn’t export a Router, instead, it exports a BrowserRouter so you need to import { BrowserRouter as Router } from ‘react-router-dom. Looks like you just … Read more
onEnter no longer exists on react-router-4. You should use <Route render={ … } /> to get your desired functionality. I believe Redirect example has your specific scenario. I modified it below to match yours.
You are passing hello() as a string, also hello() means execute hello immediately. try
You’re going to want to use the Redirect component. There’s a few different approaches to this problem. Here’s one I like, have a PrivateRoute component that takes in an authed prop and then renders based on that props. Now your Routes can look something like this If you’re still confused, I wrote this post that may help – Protected routes and … Read more
To refresh page you don’t need react-router, simple js: To re-render view in React component, you can just fire update with props/state.
Put them in an array (assign the keys also): With latest React version, you can try React.Fragment also, like this:
When you include a main page component in your app, it is often wrapped in a <Route> component like this: By doing this, the MoviesIndex component has access to this.props.history so it can redirect the user with this.props.history.push. Some components (commonly a header component) appear on every page, so are not wrapped in a <Route>: This means the header cannot redirect the user. … Read more
You have to wrap your Route‘s in a <div>(or a <Switch>). should be
I’m trying to build my first portfolio website and got stuck in routing using react-router-dom 4.2.2 and styled-components 2.2.3. error message: You should not use Route or withRouter() outside a Router I also try using Link instead of NavLink but got error too(You should not use Link outside a Router) Someone help me please. navigationBar.js navigationBar.style.js
You have to use setState to set a property that will render the <Redirect> inside your render() method. E.g. You can also see an example in the official documentation: https://reacttraining.com/react-router/web/example/auth-workflow That said, I would suggest you to put the API call inside a service or something. Then you could just use the history object to … Read more