在html按钮中包含react-router链接

前端之家收集整理的这篇文章主要介绍了在html按钮中包含react-router链接前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用建议的方法
This is the result: A link in the button
Code in between comment lines

我想知道是否有办法使用react在HTML按钮标记中包含来自’react-router’的Link元素。

我目前有链接组件来导航我的应用程序中的页面,但我想将该功能映射到我的HTML按钮。


解决方法

是。

你可以这样做:

const WrappedLink = () => {
  return (
    <button>
      <Link style={{display: 'block',height: '100%'}} .... />
    </button>
  )
}

然后使用< WrappedLink />而不是< Link />。

猜你在找的HTML相关文章