いくつかのプロパティ (loading
および getContacts
) を ReactJS のコンポーネントに送信したいと考えています。ルーティングを使用して各パスを取得していますが、結果はターゲットコンポーネントで未定義です。これはどうなっているでしょうか?
const App = () => { const [getContacts, setContacts] = useState([]); const [ロード中、setLoading] = useState(false); 戻る(<ナビゲーションバー/> <ルート> <ルート パス='/' 要素 = {<「/contacts」/>に移動}/> <ルート パス='/contacts'loading= {loading} contacts= {getContacts} element= {); デフォルトのアプリをエクスポート;} /> <ルート パス="/contacts/add" 要素 = { }/> <ルート パス = "/contacts/:contactId" 要素 = { }/> <ルート パス = "/contacts/edit/:contactId" 要素 = { }/> <ルートパス="*" 要素={ 見つかりません!} /> ルート>
Contact.jsx には次のものがあります:
const 連絡先 = ({ 連絡先, 読み込み中 }) => { 戻る ( <>{連絡先}{読み込み中}> ); }; デフォルトの連絡先をエクスポート;
しかし、それらはすべて未定義です。
ルート>
リーリー
コンポーネントに props を渡しています。ただし、これらを実際の
に渡す必要があります。 リーリー
Component状態変数を子要素に直接入れてみます:
リーリー