javascript - 如何在嵌入 HTML 链接中添加 React 函数输出

Question

抱歉，如果这是一个虚拟问题。

我正在尝试制作一个 React 网站

我有一个 React 函数；

{this.state.graphNumber} 

返回一些图表的索引。请参阅下面的链接。例如函数返回 111

更新:抱歉，这是一个嵌入的 HTML 链接，而不是 URL 链接

我需要将该数字添加到嵌入的 html 链接中以显示正确的图形。

<iframe width="100%" height="100%" frameborder="0" scrolling="no" "src=//plot.ly/~username/111.embed?showlink=false&modebar=false&autosize=true" ></iframe>

我在互联网上搜索，但我无法弄明白。

谢谢你的提前

Answer 1

如果我理解您的意思，您需要一个动态 URL。为此，您可以尝试类似的方法:

<iframe width="100%" height="100%"  src={`//.url-is-here/${this.state.GraphNumber}`}></iframe>

编辑:在动态 url 周围添加方括号，感谢下面的@DTul 评论。