React 라우팅 속성에서 정의되지 않은 문제 해결

Question

<p>일부 속성(<code>loading</code> 및 <code>getContacts</code>)을 ReactJS의 구성 요소로 보내고 싶습니다. 각 경로를 얻기 위해 라우팅을 사용하고 있지만 대상 구성 요소에서 결과가 정의되지 않았습니다. 어떻게 진행되고 있나요? </p> <pre class="brush:php;toolbar:false;">const App = () => const [getContacts, setContacts] = useState([]); const [loading, setLoading] = useState(false); 반품( <div className='앱'> <Navbar/> <경로> <경로 경로='/' 요소 = {<="/contacts"/>로 이동}/> <경로 경로='/contacts' loading= {loading} 연락처= {getContacts} 요소= {<Contacts/>} /> <Route path="/contacts/add" 요소 = {<AddContact/>}/> <경로 경로 = "/contacts/:contactId" 요소 = {

P粉696891871457일 전551

Answer 1

소품을 <Route/>구성 요소에 전달하고 있습니다.

으아악

하지만 실제 <Contacts/>컴포넌트

에 전달해야 합니다. 으아악

Answer 2

상태 변수를 하위 요소에 직접 넣어보세요:

으아악