Résoudre le problème de la non-définition des attributs de routage React
<p>Je souhaite envoyer certaines propriétés (<code>loading</code> et <code>getContacts</code>) à un composant dans ReactJS. J'utilise le routage pour obtenir chaque chemin, mais le résultat n'est pas défini dans le composant cible. Comment ça se passe ? </p>
<pre class="brush:php;toolbar:false;">const App = () =>
const [getContacts, setContacts] = useState([]);
const [chargement, setLoading] = useState(false);
retour(
<div className='App'>
<Barre de navigation/>
<Itinéraires>
<Route path='/' element = {<Naviguez vers ="/contacts"/>}/>
<Route path='/contacts' chargement= {loading} contacts= {getContacts} element= {<Contacts/>} />
<Route path="/contacts/add" element = {<AddContact/>}/>
<Chemin d'itinéraire = "/contacts/:contactId" element = {<ViewContact/>}/>
<Chemin d'itinéraire = "/contacts/edit/:contactId" element = {<EditContact/>}/>
<Route path="*" element={
<div className='text-light py-5'>
Pas trouvé!
</div>}
/>
</Itinéraires>
</div>
);
exporter l'application par défaut ;</pre>
<p>Dans Contact.jsx, j'ai : </p>
<pre class="brush:php;toolbar:false;">const Contacts = ({ contacts, chargement }) =>
retour (
≪>
<div>{contacts}</div>
<div>{chargement}</div>
≪/>
);
} ;
exporter les contacts par défaut ;</pre>
<p>Mais ils ne sont tous pas définis. </p>