输入URL并显示为指向链接的图标

Question

我有一个表，您可以在其中输入名称、状态、链接等并发布在表中。除了链接外，一切都很正常。下面是显示名称和链接的输入表单。

<input type="text" name="name" id="name" placeholder="Name" ref={name}/>
<input type="url" name="link" id="link" placeholder="Link" ref={link}/>

所以输入是可以的，问题是提交后显示的数据。这里的名称显示为输入，但图标链接指示我不是指向我提供的链接，而是指向：%7Btracker.link%7D

<div className="name">{tracker.name}</div>
<div className="link">
<a href="{tracker.link}" target="_blank">
<BsBoxArrowUpRight/>
</a> 
</div>

CCD_ 2工作良好，但CCD_

Answer 1

您应该能够删除"{tracker.link}"周围的引号，如下所示：

<div className="name">{tracker.name}</div>
<div className="link">
<a href={tracker.link} target="_blank">
<BsBoxArrowUpRight/>
</a> 
</div>

引号会导致{tracker.link}被错误地视为字符串。