javascript - 如何在 React 和 TypeScript 中将变量字符串插入到链接标签中？

我刚开始使用 JavaScript 和 TypeScript，并且有一个链接需要根据其他变量生成。我现在只是想把那个链接放进去

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

“Some Text”和“Some Link”的值都来自变量。

我可以成功地从一个变量中获取“Some Text”

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

但是我无法让 href 工作，因为它只是将字符串作为文字处理。我如何才能让 href 与变量字符串一起工作？

按照要求，这里有更多的细节：

当前的 TypeScript：

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

答案＃1

首先，你的问题更多是与 React 相关，而不是 TypeScript。

你快成功了：

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

这是更正后的代码：

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

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

答案＃2

如果你输入的值是 'String'，那就试试 'string'。参考：类型 String 和 string 有什么区别？