如何在reactJs中添加带有连字符的HTML标签？

Question

我想在我的应用程序中添加脚本标签。我不知道如何处理包含连字符的属性。

以下代码在“ ComponentDidMount（）”中

const script2 = document.createElement("script");
script2.src ="https://www.dropbox.com/static/api/2/dropins.js";
script2.type = "text/javascript";
script2.id = "dropboxjs"
script2.data-app-key = "app key" // Parsing error: Invalid left-hand side in assignment expression
script2["data-app-key"] = "app key" // Also doesn't work

document.body.appendChild(script2)

Answer 1

您应该使用数据集，自定义属性的名称应位于camelCase

script2.dataset.appKey = 'app key'