需要在 React 中动态地 link 到外部 URL

Question

我正在尝试创建一个用户列表，并为每个用户的 Facebook 页面添加内联文本 link。我需要从 URL 保存为 facebook 的数据库中动态创建此 link。com/userpage。

此信息是从表单中保存的，所以我希望用户在输入数据时不必输入“http://www”。

是否可以使用 href 来做到这一点？像这样的东西（这显然不起作用）：

<a href="http://www.{user.facebook}">FB profile</a>

Answer 1

假设您使用的是 React 路由器，

<Link to={"http://www.facebook.com/"+ user.facebook} target="_blank" rel="noopener noreferrer" />

从 React Router 5.0.1 版本开始，您可以使用

Answer 2

您可以使用模板文字插入 url

的动态部分

<a href={`http://www.${user.facebook}`}>FB profile</a>

Need to link dynamically to an external URL in React