如何使用react＆amp; amp将变量字符串插入到链接标记中打字稿？

Question

我是使用javascript和打字稿的新手，并且有一个需要根据其他一些变量生成的链接。我现在只想把这个链接粘在

中

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

＆＃34; Some Text＆＃34;和＃34;一些链接＆＃34;值来自变量。

我可以成功地获得＆＃34; Some Text＆＃34;来自变量

<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>
)

Answer 1

首先，你的问题与反应有关，而不是打字稿。

你已经接近让它发挥作用了：

• val应为var
• href属性值也应使用大括号定义

以下是更正后的代码：

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

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