使用a href中的props链接到外部link - React_如何使用react-router的link组件链接到应用程序外部的URL？_使用JavaScript/React中的映射值在映射外部进行onClick链接 - 腾讯云开发者社区

reactjs、jsx、react-props

我正在尝试能够使用路径道具链接整个卡到一个外部网站的投资组合部分。href= {props.path} className="cards_item_link" target="_blank" rel="noopener noreffer">} 我传递的CardItem是： <CardItem src=image/magi

浏览 19提问于2020-09-12得票数 0

回答已采纳

3回答

React:为什么我在React组件中的链接不能像在纯HTML页面中那样工作呢？

javascript、html、reactjs

当页面被移动到React中时，我成功地重新做了正确的显示，但是我真的不明白为什么我上面的导航链接不再带我到同一页面上的相应部分，以及为什么到项目站点的外部链接也停止工作。以下是项目链接代码： export default function ProjectTile(props</em

浏览 4提问于2020-08-08得票数 0

回答已采纳

1回答

and路由器v6 -同时处理外部引用和内部路径

reactjs、react-router、react-router-dom

在我的react应用程序中，使用react路由器v6，我动态地检索链接，这些链接可以是一个常规的外部url (如)，也可以是对应于带有react-router的路由的内部路径(如"/my-page")。到目前为止，当我使用react-router-dom的<Link>组

浏览 2提问于2022-05-02得票数 1

回答已采纳

2回答

如何使用react-router的link组件链接到应用程序外部的URL？

javascript、reactjs

嘿，我正在尝试重定向到像github这样的外部链接，而不是站点内的路径，但我遇到了一个问题。这里是Cards.js import ".和一个外部链接来代替那个路径，但它显示的是localhost/https:github.com这样的链接，而不是我重定向到实际的站点。这里还有Carditeam.js import { Link } from &

浏览 76提问于2021-01-31得票数 0

2回答

React + React Router，处理要在新选项卡中打开的所有链接

javascript、node.js、reactjs、react-router

我有一个React，Redux和Node项目，有许多内部和外部链接。我想让内部链接在同一页中打开，而外部链接在新选项卡中打开。如有任何帮助或建议，

浏览 1提问于2016-11-29得票数 0

6回答

与React的外部链接

javascript、reactjs、react-native

我是一个全新的React新手，我正在面对一个外部链接的问题。我想使用它来重定向到GitHub，每次我点击图标，但实际上没有显示新窗口，而是我有这个网址：。我不知道为什么它不工作，因为我的页脚我有几乎相同的代码，它工作得很好。如果您对此有解决方案，将不胜感激！非常感谢import React from 'react'; import { Link<

浏览 1提问于2020-09-28得票数 3

2回答

当用户单击按钮时，如何使可重用的react组件保存？

javascript、reactjs、ecmascript-6、redux、state

我的组件this.props.save();什么时候componentWillUnmount？但是，如果我将该页留在另一个选项卡中的外部链接中，则不会触发componentWillUnmount。我的组件export default class AutoSave extends React.Component { super(propsc

浏览 3提问于2017-12-05得票数 2

回答已采纳

12回答

当路由在Next.js中活动时，目标活动链路

reactjs、react-router、next.js

如何锁定Next.js中的活动链接，就像我们在React中所做的那样-路由器-4？意思是，当活动链接的路由是活动的时，给它一个类？

浏览 1提问于2018-11-12得票数 82

回答已采纳

2回答

将JSX代码存储到Javascript变量的正确方法(如果可能)

javascript、reactjs、jsx、babeljs

我使用ReactJs´s JSX语法编写了以下代码： var href = (this.props.submenu ?'javascript:' : {<Link to="mod/admin"

浏览 12提问于2017-01-31得票数 11

回答已采纳

7回答

我试图使我的材料-UI RaisedButton链接到外部url，但没有成功？

reactjs、react-router、material-ui

作为标题状态中的问题。在代码看起来像这样之前，我找到了一个解决方案。<CardActions> href={this.props.url} label="O

浏览 5提问于2016-07-25得票数 43

回答已采纳

3回答

如何在反应中重定向到外部链接？

reactjs、url、redirect、hyperlink、components

我正在构建一个图库，您在其中单击图像，它将使用支持加载到一个单独的组件中，该图像是一个URL，从数组中获取，其中src属性通过CSS作为背景图像加载。我的挑战是将src数据连接到子组件。我找到了一个使用Link组件传递数据的解决方案。现在，URL字符串被读成如下所示：http://localhost:3000/https://photos.smugmug.com/photos....，如您所见

浏览 1提问于2021-06-05得票数 3

回答已采纳

2回答

React:使用这些道具或数组

javascript、reactjs、ecmascript-6、jsx

如何制作React组件，以便与道具或这些道具的数组一起使用。例如，我有这样一个组件： return ( href={ this.props.link }

浏览 0提问于2017-04-13得票数 0

4回答

如何在两个不同的元素中呈现两种不同状态的组件？

reactjs

因此，我知道如何使用map从状态呈现数组。我该如何应对这件事呢？<a href={}> </a> 'https://www.google.com',

浏览 15提问于2017-07-02得票数 0

回答已采纳

3回答

锚定标记重定向到react* spa*

javascript、html、reactjs、react-router、anchor

我想在我的react spa中使用一个锚标签(使用react-router)。例如，如果我给它一个google.com的href值，它就会扩展我的spa路线，也就是myreactspa.com/sampleRoute/google.com。有没有办法让我的锚标签直接链接到？或者我必须将https://附加到我的href值中吗

浏览 1提问于2019-07-27得票数 1

2回答

在Next.js中为nav链接添加活动类

javascript、reactjs、frontend、next.js

我使用的是，当它链接到的页面与url匹配时，希望将一个活动类添加到导航链接中。但我也希望当url比页面更深时，它是活动的。例如，指向/register的nav链接将是“活动的”，用于： /register/sign-up

浏览 3提问于2020-02-20得票数 5

1回答

如何在子组件中引用DOM元素？[ReactJS]

javascript、reactjs、typescript

我有这个Header组件，里面有许多Link组件，如下所示。我根据url路径有条件地渲染组件。我想添加一个CSS类的‘活动’到适当的链接，这将让用户知道哪个是活动链接。</Link> </div>}; Link.tsx import * as React from 'react'; t

浏览 26提问于2021-01-21得票数 1

回答已采纳

2回答

将路由器V4链接响应到外部地址

react-router-v4

我尝试过一些不同的建议，然而，似乎没有一个有效。我使用的反应路由器V4，我想创建一个链接，导航到一个外部网站。目前，我所做的每一件事都附加到我的URL中。我想发生的事情， www.mysite.com =>，单击内部链接，然后转到=> www.newsite.com 发生了什么 www.mysite.com =>单击内部链接并转到新页面，但它附加了=>www

浏览 2提问于2017-07-28得票数 11

回答已采纳

6回答

react-路由器重定向到不同的域url

reactjs、client-side、react-router

我正在使用react-router进行客户端路由。我有一个按钮，当有人点击这个按钮时，我想将用户重定向到不同的url。例如，我想将用户重定向到"“。我使用了导航mixin和this.transitionTo("")。但当我这样做时，我得到这个错误不变的冲突:找不到名为"“的路由。我可以使用window.location，但这是正确的方法吗？

浏览 11提问于2015-06-28得票数 16

1回答

即使我在页面上，链接在next.js中也不活动

reactjs、next.js、react-bootstrap

我正在尝试获得一个链接，当在next.js和react-bootstrap中单击时拥有active类。在页面加载时，当前活动路由的链接不会被赋予活动类。当我在页面加载后点击这个链接时，它被赋予了active类。我怀疑这与服务器端渲染有关。"lg"> <Navbar.Brand>...<

浏览 14提问于2020-12-20得票数 0

回答已采纳

1回答

是否可以全局定义链接以使用特定组件？

office-ui-fabric、office-ui-fabric-react

我目前正在尝试在react-router中使用Nav。默认行为是重新加载页面，所以我尝试使用react-router-dom中的Link组件。比如定义一个全局链接呈现函数，然后我可以将其设置为从react-router-dom呈现Link组件

浏览 11提问于2020-05-08得票数 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云