使用具有不同标记的React路由器

Question

React Router有一个Link组件，可生成HTML <a>元素。

我需要生成<area href=... >。

我该怎么做？

Answer 1

您可以Link作为组件的孩子。

<area>
    <Link 
       to={'/path/to/somehwhere}'}>
       Click Me
    </Link>
</area>

或者您可以在onclick上指定area事件处理程序，并使用hashHistory中的browserHistory或react-router手动将用户导航到所需位置。

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

和handleClick将有

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

在这两种方式中，您都可以实现所需的行为。您可以阅读有关以编程方式here导航用户的更多信息。

修改：我忘了提及您也可以将整个组件包装在Link内。

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