DEV Community

Diallo Mamadou Pathé
Diallo Mamadou Pathé

Posted on • Edited on

How can I redirect after successful post

Top comments (2)

Collapse
 
gurupal profile image
Gurupal Singh • Edited

Use BrowserRouter which uses HTML5 history API (pushState, replaceState and the popstate event) to keep your UI in sync with the URL.

After successful API request you can do

this.props.history.push("/path-to-redirect");

. Make sure to wrap your component with --> withRouter.

Collapse
 
ajaypatel profile image
FoodBite

I'm assuming you're not using router dom, on parent component or the component you want to redirect use state like {renderPost:false} initially,then use method to toggle the state which renders post component , in post component pass a function as prop which makes {renderPost :false} in parent component, so whenever you want to redirect you can use method from props like this.props.Redirect()