我想在 json 对象中插入带有 target 属性的链接 href

Question

  ...

    "Social": [{
                    "href": "\"https://www.facebook.com/examplepage\" target:\"_blank\"",                       
                    "icon": "facebook",
                    "title": "Facebook"
                },
...

我想在新选项卡中打开这个 facebook 页面。这是 json 文件的一部分，它将导入到 firebase 实时数据库。这是一个反应网页，按钮内有一个链接，可以通过单击访问 facebook按钮。正如您在上面看到的，此代码是 json 的一部分，将被导入到 firebase db，它与该 react 应用程序相连。根据上面的代码，一旦按钮单击 fb 页面就会在同一页面中打开。但我想在新选项卡中打开此页面。所以我的问题是我想以适当的方式包含目标属性。我尝试了上面的代码，但页面打开的是同一页面

Answer 1

就这样添加

<button>
  <a href={`${Social[0].href}`} rel="noopener noreferrer" target="_blank">
    Facebook
  </a>
</button>

当然，如果这是一个你想要循环的数组

 YourJson['Social'].map(data => {
  return (
    // your jsx block which include the button
    <button>
      <a href={`${data.href}`} rel="noopener noreferrer" target="_blank">
        {data.title}
      </a>
    </button>
  );
});

Answer 2

使用这个：

<Link {...Social[0]} >Your Link</Link>

展开运算符是为元素动态分配属性的最佳方式。