url在ahref中不起作用,但在纯文本中起作用

时间:2019-09-30 15:35:14

标签: javascript reactjs axios

我正在使用使用JSON JSON端点的react创建一个spfx小部件。然后,它吐出最新的帖子。

{url}变量添加到<a href=""></a>中时-该网址是一个随机的本地主机,而不是完整的网址

  <a href="{url}">{url}</a>

标签中的{url}是实际的完整链接https://etc..,但href=""中的一个变成了本地链接,例如: https://localhost:4321/temp/%7B%60url%60%7D

有什么想法吗?!

3 个答案:

答案 0 :(得分:7)

当您要为属性运行JavaScript时,请使用大括号但不要使用引号:

<a href={url}>{url}</a>

答案 1 :(得分:1)

问题是因为JSX变量周围有双引号。

phpinfo()

可以像这样更新它

答案 2 :(得分:0)

大括号内的值应为JavaScript表达式,即函数,对象,变量或以后要计算的任何代码。但是在双引号中传递值会将其转换为简单的字符串。所以要解决这个问题就用

<a href={url}>{url}</a>