いくつかのプロパティ (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 連絡先 = ({ 連絡先, 読み込み中 }) => { 戻る （ <> 
{連絡先}
 
{読み込み中}
  ); }; デフォルトの連絡先をエクスポート;

しかし、それらはすべて未定義です。