Sometimes, we want to fix onClick doesn’t render new React component.
In this article, we’ll look at how to fix onClick doesn’t render new React component.
How to fix onClick doesn’t render new React component?
To fix onClick doesn’t render new React component, we can use React Router.
For instance, we write
import { withRouter } from "react-router-dom";
import Button from "components/button";
const yourComponent = ({ history }) => {
return (
<Button onClick={() => history.push("/path")}> New componentPage </Button>
);
};
export default withRouter(yourComponent);
to create the yourComponent component that calls history.push with the destination path to navigate to it when we click on the button.
The history prop is available since we call withRouter with yourComponent.
Conclusion
To fix onClick doesn’t render new React component, we can use React Router.
