Question

我想在reactjs中重定向页面，为此我想使用href标签，我可以这样做吗？

以下是供参考的代码：

import React, { Component } from 'react';
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';

// import DoctorImg from './doctor.jpg';

class App extends Component {
  render() {
    return (
<Router>
  <Link to = 'https://google.com/'><button>GO GOOGLE</button></Link>

</Router>
    );
  }
}

export default App;

Answer 1

您可以使用React中提供的链接标记，在内部将每个链接标记转换为锚标记

import { Link } from 'react-router-dom';


<Link to="/Path" > Contact us </Link>

Answer 2

不，你不应该。 href将刷新当前页面并打开一个新页面。从技术上讲，href将刷新并在历史obj中推送一条路线。在反应中我真的建议你使用react-router进行路由

import { Link } from 'react-router-dom';

<Link to = 'https://google.com/'><button>GO GOOGLE</button></Link>

与反应路由器做出反应

Answer 3

如果需要简单的链接，可以使用简单的href：

<a href={'http://google.com'}>Google</a>

Answer 4

如果您想链接到 React 应用程序之外的网页，HTML 锚标记将非常有用：

<a href="https://google.com" target="_blank" rel="noopener noreferrer">Click here</a>

target="_blank" 将在新标签页中打开网页。 rel="noopener noreferrer" 防止安全风险，更多细节 here

如果您想链接到 React 应用程序中的页面，您可能不想使用该标签，因为这会导致整个应用程序重新加载，丢失应用程序的当前状态并导致用户的延迟。

在这种情况下，您可能希望使用 react-router 之类的包，它可以在不重新加载应用的情况下移动用户。请参阅 Rijul 对该解决方案的回答。

Answer 5

<Link to={{ pathname: "https://twitter.com/Turkcell" }} 
target="_blank"><i className="icon icon-twitter"/>
</Link>

你可以使用兄弟。

我可以在reactjs中使用href标签吗？

5 个答案: