<button component={Link} to={"/create"}>
<EditIcon></EditIcon>
</button>
This is my code to make an icon a clickable button that routes to the page "create." The button is not performing any function. Can anyone help me out?
<Link to={"/create"}
<EditIcon />
</Link >
and dont forget to import it from react-router-dom
import {Link} from "react-router-dom"
import { useHistory } from "react-router-dom";
const Button = ()=>{
let history = useHistory();
return(<>
<EditIcon onClick={()=>history.push("/create");}/>
</>
)}
export default Button;
here u can learn about react router from this link
`import {useNavigate} from 'react-router-dom
const navigate = useNaviagte()
<button onClick={()=>navigate("/create")}> `