从JSON传递链接以作出反应
从JSON传递链接以作出反应
提问于 2020-11-09 13:10:35
我有一个小问题，我需要从JSON传递一个链接来作出反应，但是我不知道如何去做。当我使用{post.link}传递一个链接时，它不会带我到给定的地址并重新加载整个react组件
我知道JSON中的链接是空的，但是当我添加任何链接时，问题仍然存在。
JSON
[
{
"name": "",
"price": "",
"desc": "",
"link": "",
"tags": ""
},
{
"name": "",
"price": "",
"desc": "",
"link": "",
"tags": ""
}
]反应
import React from 'react';
import productdb from './productdb.json';
function App() {
return (
<div className="App">
<div className="posts">
{productdb.map(post => {
return (
<>
<h4>{post.name}</h4>
<p>{post.desc}</p>
<p>{post.price}</p>
<a href="I need paste link here"></a>
</>
)
})}
</div>
</div>
)
}回答 4
Stack Overflow用户
发布于 2020-11-09 13:16:08
测试这段代码
href={'/' + post.link}Stack Overflow用户
发布于 2020-11-09 13:18:17
将"I need paste link here"替换为`${post.link}`。它认为它应该工作的很好。
Stack Overflow用户
发布于 2020-11-09 13:19:05
像这样使用
<a href={`/${post.link}`}></a>但我建议使用Link或NavLink
通过使用react-router-dom Link或NavLink，不会重新加载页面
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64752333
复制相关文章
相似问题
腾讯云开发者
