如何解决如何映射到引导表中的URL?
我要提取的数据分别为我提供新闻标题和网址:
我想结合使用url和标题。这是我映射表的方式:
<Table striped bordered hover variant="dark">
<thead>
<tr>
<th>Title</th>
<th>URL</th>
</tr>
</thead>
{props.value.map(item => (
<tbody key={item.id}>
<tr>
<td>{item.title}</td>
<td>{item.url}</td>
</tr>
</tbody>
))}
);
因此,我希望标题是指向URL的链接,而不是具有当前正在出现的分隔。我该怎么做?唯一的区别是每个标题都有一个不同的URL-我发现的所有资源仅显示单个URL的映射。
解决方法
尝试这样。
<Table striped bordered hover variant="dark">
<thead>
<tr>
<th>Title</th>
</tr>
</thead>
{props.value.map(item => (
<tbody key={item.id}>
<tr>
<td><a href={item.url}>{item.title}</a></td>
</tr>
</tbody>
))}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。