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

我想在新选项卡中打开此facebook页面。这是json文件的一部分，将导入firebase实时数据库。这是一个react网页，在按钮内有一个链接，单击按钮可访问facebook。如您所见，此代码是将导入firebase db的json文件的一部分，连接到react应用程序的。根据上述代码，单击按钮后，fb页面将在同一页面中打开。但我想在新选项卡中打开此页面。因此，我的问题是，我想以适当的方式包括target AttAttribute。我尝试了上述代码，但页面正在打开同一页面。使用以下方法：

  ...

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

你的链接

spread操作符是动态为元素分配属性的最佳方法。

只需像这样添加它

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

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

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

YourJson['Social'].map（数据=>{
返回(
//包含按钮的jsx块
);
});

我想将其插入json文件。它应该是一个键值对。但您的答案看起来不像。请解释。href链接是正确的。我在这里复制时出错。很抱歉，我误解了您的问题。这是正确的解决方案。我相信他不想把它作为道具传递，我引用他的话“我想把它插入json文件”你所说的键值对格式是什么意思。你想，我引用“我想把这个facebook页面打开到新的标签中”，你可以在地图功能或简单的jsx中使用这个部分，它的概念是一样的。你只需要一个带有target=“\u blank”的href，这是json文件的一部分，这是一个实时firebase db，我必须插入链接。它可以工作，但我必须在新选项卡中打开它。如果我想在react jsx文件中使用它，它可以。但它应该是json文件。它现在可以工作了。我试图在firebase db json文件中以新的选项卡条件打开。但现在我理解它不是一种正确的方式。然后我在React页面中更新了该逻辑，如上面的代码。现在它工作正常。“社交”：[{“href”：“，“图标”：“facebook”，“标题”：“facebook”}，这是我的json文件当前的工作方式。我放在href中的链接应该在新选项卡中打开，我们可以在这里进行配置吗

 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>
  );
});