如何从 React 组件中的参数创建链接?

菲利普

在 React.js 中,我有一个包含 url 的变量。

let linkab = 'www.example.com/about';

<Router><Link to={linkab}>About</Link></Router>

但是此代码将 localhost 添加到链接上的地址,如下所示:

http://localhost:3000/www.example.com/about

我怎样才能在没有 localhost 的情况下获得真正的链接?

尼西什

实际上,Link当我们想要导航到同一应用程序中的不同路线时,我们会使用它。

但是由于您需要在应用程序anchor标签之外导航用户将是最合适的

<a href={linkab}>About</a>

此外,如果您提供的 url 没有任何httphttps协议,那么默认情况下它将被视为relative path. 因此,提供的 url 将附加到当前浏览器地址/url。因此,在您的情况下,如果您提供如下所示的内容,那么它会在点击时重定向到该网址。

let linkab = 'http://www.example.com/about'; 
or
let linkab = 'https://www.example.com/about';

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在React中创建下载文件链接?

如何创建接受颜色作为参数的React组件?

React中的回调参数如何从子组件传递到父组件?

如何在基于类的组件中创建ref并将其传递给react中的功能组件?

如何在React JS中读取组件中的URL参数?

在React中,如何将参数从子组件传递到父组件?

如何在React中创建可搜索的组件

React,如何在字符串中动态创建组件?

如何在动态创建的React组件中添加动画

如何在React中创建可重用的目录组件

如何使用React Router在React中仅在App组件上显示链接而不在子组件上显示链接?

如何在React中创建upvote / downvote组件?

在React中,如何从链接或其他组件中添加URL“ string”作为对象的属性

如何在React类组件中获取参数ID

如何在React Native中从单独的组件创建对象数组?

如何模拟在React JS组件中创建的实例?

如何从React Native的WebView组件中打开Safari中的链接

如何在 React Native 中创建全局布局组件?

React.js 如何从函数组件访问路由器链接 URL 中的参数?

React:如何在功能组件中创建状态相关函数?

如何使用 React Router 正确链接组件?

如何从链接中删除“使用 create-react-app 创建”?

如何在 React 功能组件中获取路由参数

如何从 React 导航中深层链接的 URI 方案获取参数?

如何在react js的功能组件中创建ref?

如何在 React 中创建下载链接 (PDF)

如何在 React 中重新创建子组件

如何创建 React SVG 组件?

如何在 react native/typescript 中干净地创建具有不同参数的重复组件?