Selesaikan masalah menjadi tidak ditentukan dalam atribut penghalaan React
<p>Saya mahu menghantar beberapa sifat (<kod>memuatkan</kod> dan <kod>getContacts</kod>) kepada komponen dalam ReactJS. Saya menggunakan penghalaan untuk mendapatkan setiap laluan, tetapi hasilnya tidak ditentukan dalam komponen sasaran. Bagaimana keadaan ini? </p>
<pre class="brush:php;toolbar:false;">const App = () =>
const [getContacts, setContacts] = useState([]);
const [loading, setLoading] = useState(false);
kembali(
<div className='App'>
<Navbar/>
<Laluan>
<Laluan laluan='/' elemen = {<Navigasi ke ="/contacts"/>}/>
<Laluan laluan='/contacts' loading= {loading} contacts= {getContacts} element= {<Contacts/>} />
<Laluan laluan="/contacts/add" elemen = {<AddContact/>}/>
<Laluan laluan = "/contacts/:contactId" elemen = {<ViewContact/>}/>
<Laluan laluan = "/contacts/edit/:contactId" elemen = {<EditContact/>}/>
<Laluan laluan="*" elemen={
<div className='text-light py-5'>
Tidak ditemui!
</div>}
/>
</Laluan>
</div>
);
eksport Apl lalai;</pre>
<p>Dalam Contact.jsx saya ada: </p>
<pre class="brush:php;toolbar:false;">const Kenalan = ({ kenalan, memuatkan }) =>
kembali (
<>
<div>{contacts}</div>
<div>{loading}</div>
</>
);
};
eksport Kenalan lalai;</pre>
<p>Tetapi semuanya tidak ditentukan. </p>