異なるタグのリアクタを使用

Question

リアクタにはリンク要素があり、HTML <a>要素を生成します。

私は<area href=... >を生成する必要があります。

私はそれをどのように行うことができますか？

Answer 1

Linkをコンポーネントの子として持つことができます。

​​

それともareaにonclickイベントハンドラを指定し、目的の位置に手動でユーザーをナビゲートするreact-routerからhashHistoryまたはbrowserHistoryを使用することができます。

<area onClick={handleClick}> 
    // your code here 
</area> 

と​​は、あなたの希望の動作を実現することができ、これらの両方の方法では

handleClick =(): void => { 
    hashHistory.push('/path/to/somehwhere'); // or browserHistory 
} 

を持つことになります。あなたはプログラムでユーザーをナビゲートする方法についてもっと詳しく読むことができますhere。

を編集してください：Linkの中にコンポーネント全体をラップすることもできます。

<Link to='/path/to/somewhere'> 
    <area /> 
</Link>