react 跳转新网页，导入hashrouter跳转新网页

最新推荐文章于 2023-10-12 17:10:37 发布

StupigYy

最新推荐文章于 2023-10-12 17:10:37 发布

阅读量1.2k

点赞数 1

文章标签： react

本文链接：https://blog.youkuaiyun.com/qq_36384745/article/details/123766096

版权

本文介绍如何在React项目中使用SVG图标和图片，并通过点击这些元素实现新页面的跳转。具体实现方式包括使用 react-router-dom 进行路由配置，以及设置目标属性为'_blank'以实现在新标签页中打开。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基于react，点击img/svg跳转新网页

import {HashRouter as Router,Link,Route} from "react-router-dom";
//需要跳转的新网页
import component from "./component";

<Router>
    <Link
        to={{pathname:`/component/?//此处可以携带数据字符串`}}
        //新网页打开
        target='_blank'
    >  
        <img
            src={}
            alt=""
        />
    </Link>
    <Route path='/component' component={component}/>
 </Router>