按钮要单击并将其路由到React中的另一页

发布于 2025-01-24 18:02:31 字数 190 浏览 2 评论 0原文

 <button component={Link} to={"/create"}>
      <EditIcon></EditIcon>
 </button>

这是我的代码，可以使图标成为可单击的按钮，该按钮将路由到“创建”页面。该按钮没有执行任何功能。谁能帮我吗？

原文

 <button component={Link} to={"/create"}>
      <EditIcon></EditIcon>
 </button>

This is my code to make an icon a clickable button that routes to the page "create." The button is not performing any function. Can anyone help me out?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

二智少女 2025-01-31 18:02:32

 <Link to={"/create"}
      <EditIcon />
 </Link >

而且不要忘记从React-Router-dom导入它

import {link}来自“ react-router-dom”

 <Link to={"/create"}
      <EditIcon />
 </Link >

and dont forget to import it from react-router-dom

import {Link} from "react-router-dom"

回复收藏 0 原文

今天小雨转甜 2025-01-31 18:02:32

import { useHistory } from "react-router-dom";
const Button = ()=>{
let history = useHistory();
return(<>
<EditIcon onClick={()=>history.push("/create");}/>
</>

)}
export default Button;

在这里，您可以从此链接中了解React路由器

https://v5.reactrouter.com/web/ API/钩子

import { useHistory } from "react-router-dom";
const Button = ()=>{
let history = useHistory();
return(<>
<EditIcon onClick={()=>history.push("/create");}/>
</>

)}
export default Button;

here u can learn about react router from this link

https://v5.reactrouter.com/web/api/Hooks

回复收藏 0 原文