Je suis en train de mettre en œuvre une page d'accueil pour mon react.js site web. Ma mise en page est très bien et mon code compile sans problèmes.
Cependant lorsque je clique sur mon bouton, je reçois le message d'erreur suivant sur le site de l'application: TypeError: navigate.push is not a function
sur la ligne qui dit navigate.push("/quiz")
Je suis nouveau à réagir et si quelqu'un peut m'aider je serais reconnaissante!
Voici mon code:
import { Button } from "@material-ui/core";
import { Container } from "@material-ui/core";
import { useNavigate } from "react-router-dom";
import "./Home.css";
const Home = () => {
const navigate = useNavigate();
const sendSubmit = () => {
navigate.push("/quiz");
};
return (
<Container className="content">
<h1 id="quiz-title">Phishing Quiz</h1>
<h2 class="question-text">
Do you think you can beat our phishing quiz?
</h2>
<p className="description">
{" "}
There are many social engineering attacks on internet however not all of
them are good enough to trick users. However there are some scams that
are identical to original websites and usually most of the users get
tricked by them.
</p>
<p className="description">
Do you think you are smart enough to handle these attacks?
</p>
<p className="description">
We are challenging you with our phishing quiz which will show you
examples of really good social engineering attacks on internet. We hope
you can pass!
</p>
<p>""</p>
<Button
className="button"
variant="contained"
color="primary"
size="large"
onClick={sendSubmit}
>
Start Quiz
</Button>
</Container>
);
};
export default Home;