My component not redirect to same component with different parameters.
<BrowserRouter basename={process.env.REACT_APP_DEFAULT_PATH ?? ''}>
<Switch>
...
<Route exact path={"/admin/logs/:page"} component={Logs} key={"Logs"} />
...
</Switch>
</BrowserRouter>
And in component:
this.props.history.push("/admin/logs/" + page);
It change the url in browser, but not redirect
Since your component is already matched and mounted/rendered it now needs to also "listen" for changes to the route props that are passed to it.
I see that you are using a class-based component from this.props.history.push("/admin/logs/" + page); so you need to implement the componentDidUpdate lifecycle method.
componentDidUpdate(prevProps) {
if (this.props.match.params.page !== prevProps.match.params.page) {
// page updated, do something
}
}