J'essaie de charger une vue de détails basée sur une route react-router-dom qui devrait saisir le paramètre URL (id) et l'utiliser pour remplir davantage le composant.
Mon itinéraire ressemble /task/:id
et mon composant se charge correctement, jusqu'à ce que j'essaye de saisir l'identifiant: id de l'URL comme suit:
import React from "react";
import { useParams } from "react-router-dom";
class TaskDetail extends React.Component {
componentDidMount() {
let { id } = useParams();
this.fetchData(id);
}
fetchData = id => {
// ...
};
render() {
return <div>Yo</div>;
}
}
export default TaskDetail;
Cela déclenche l'erreur suivante et je ne sais pas où implémenter correctement useParams ().
Error: Invalid hook call. Hooks can only be called inside of the body of a function component.
Les documents ne montrent que des exemples basés sur des composants fonctionnels, et non sur des classes.
Merci pour votre aide, je suis nouveau pour réagir.
useParams
? Peut-être le transformer en un HOC
?