どのように私は反応の動的リンクの機能を作成することができます

Question

私はリンクをクリックすると、データベースからIDを動的に選択してページを開きます。

リンクを何度も作成しないように関数を作成する必要があります。あなたはドキュメントを見てみる必要があります

let linkToReminderName=''; 
if(selectedReminder.Prospect_ID!=='0'){ 
    linkToReminderName=`/prospect/details/${selectedReminder.Prospect_ID}/contacts`; 
} 
else if(selectedReminder.Inquiry_ID!=='0'){ 
    linkToReminderName=`/inquiry/details/${selectedReminder.Inquiry_ID}/contacts`; 

} 
else if(selectedReminder.Prof_Contact_ID!=='0'){ 
    linkToReminderName=`/referral/contact/details/${selectedReminder.Prof_Contact_ID}/overall`; 

} 
let ComLink=''; 
if(selectedReminder.Prospect_ID!=='0'){ 
    ComLink=`/prospect/details/${selectedReminder.Prospect_ID}/communications`; 

} 
else if(selectedReminder.Inquiry_ID!=='0'){ 
    ComLink=`/inquiry/details/${selectedReminder.Inquiry_ID}/communications`; 

} 
else if(selectedReminder.Prof_Contact_ID!=='0'){ 
    ComLink=`/referral/contact/details/${selectedReminder.Prof_Contact_ID}/communications`; 

}   

Answer 1

まず：

https://reacttraining.com/react-router/web/example/basic

あなたが機能を使用したいので、あなただけのリターンで${Id}プロパティを変更する必要がありますあなたの機能を変更したい場合は、{Child}コンポーネントも切り替えてください。あなたはそれにsubrouteを追加したい場合は

<Router> 
    <div> 
     <h2>Accounts</h2> 
     <ul> 
     <li><Link to=`/prospect/details/${id}`>Netflix</Link></li> 
     </ul> 

     <Route path="/prospect/details/:id" component={Child}/> 
    </div> 
    </Router> 

が、私はルートハンドラまたはカスタムルートを作成することをお勧めいたします：

私はあなたに簡単な例を作りました。作業例

を（再びドキュメントを見て）：https://codepen.io/FabienGreard/pen/KZgwKO