我是使用JavaScript和Typescript的新手,并且有一个需要根据其他变量生成的链接。我现在只是尝试将链接保留到

<a href="Some Link"> Some Text </a>


“某些文本”和“某些链接”值均来自变量。

我可以从变量成功获取“某些文本”

<dd><a href="{thisDoesNotWork}">{someText}</a></dd>


但我无法使用href,因为它只是将字符串作为文字。如何使href与可变字符串一起使用?

根据要求,这里有一些细节:

当前打字稿:

return (
   <div>
      ....
      <dd><a href="hardCodedSomething">{someText}</a></dd>
   </div>
)


想:

var someDynamicUrl = "somepath.com" + someId

return (
   <div>
      ....
      <dd><a href="someDynamicUrl">{someText}</a></dd>
   </div>
)

最佳答案

首先,您的问题与反应比打字稿更相关。

您即将使它起作用:


val应该是var
href属性值也应使用大括号定义


这是更正的代码:

var someDynamicUrl = "somepath.com" + someId;
var someText = "your text";

return (
   <div>
      ....
      <dd><a href={someDynamicUrl}>{someText}</a></dd>
   </div>
);

关于javascript - 如何使用react&typescript将变量字符串插入链接标签?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48102149/

10-12 12:31
查看更多