我是使用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/