Lösen Sie das Problem, dass die React-Routing-Attribute undefiniert werden
<p>Ich möchte einige Eigenschaften (<code>loading</code> und <code>getContacts</code>) an eine Komponente in ReactJS senden. Ich verwende Routing, um jeden Pfad abzurufen, aber das Ergebnis ist in der Zielkomponente undefiniert. Wie läuft das? </p>
<pre class="brush:php;toolbar:false;">const App = () =>
const [getContacts, setContacts] = useState([]);
const [loading, setLoading] = useState(false);
zurückkehren(
<div className='App'>
<Navbar/>
<Routen>
<Route path='/' element = {<Navigieren zu ="/contacts"/>}/>
<Route path='/contacts' Laden= {Laden} Kontakte= {getContacts} Element= {<Kontakte/>} />
<Route path="/contacts/add" element = {<AddContact/>}/>
<Route path = "/contacts/:contactId" element = {<ViewContact/>}/>
<Route path = "/contacts/edit/:contactId" element = {<EditContact/>}/>
<Route path="*" element={
<div className='text-light py-5'>
Nicht gefunden!
</div>}
/>
</Routen>
</div>
);
Standard-App exportieren;</pre>
<p>In Contact.jsx habe ich: </p>
<pre class="brush:php;toolbar:false;">const Contacts = ({ Kontakte, Laden }) =>
zurückkehren (
<>
<div>{Kontakte}</div>
<div>{loading}</div>
</>
);
};
Standardkontakte exportieren;</pre>
<p>Aber sie sind alle undefiniert. </p>