国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>我想把一些屬性（<code>loading</code>和<code>getContacts</code>）發(fā)送給ReactJS中的一個(gè)組件。我使用路由來(lái)獲取每個(gè)路徑，但是目標(biāo)組件中的結(jié)果是undefined。這是怎么回事？</p> <pre class="brush:php;toolbar:false;">const App = () => { const [getContacts , setContacts] = useState([]); const [loading , setLoading] = useState(false); return( <div className='App'> <Navbar/> <Routes> <Route path='/' element = {<Navigate to ="/contacts"/>}/> <Route path='/contacts' loading= {loading} contacts= {getContacts} element= {<Contacts/>} /> <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'> Not Found! </div>} /> </Routes> </div> ); export default App;</pre> <p>在Contact.jsx中，我有：</p> <pre class="brush:php;toolbar:false;">const Contacts = ({ contacts, loading }) => { return ( <> <div>{contacts}</div> <div>{loading}</div> </> ); }; export default Contacts;</pre> <p>但是它們都是undefined。</p>

<Route
  path="/contacts"
  loading={loading}
  contacts={getContacts}
  element={<Contacts />}
/>

<Route
  path="/contacts"
  element={<Contacts loading={loading} contacts={getContacts} />}
/>

<Route path='/contacts' element={<Contacts loading={loading} contacts={getContacts}/>} />