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.

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()