我有一个小问题,我需要从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>
)
}发布于 2021-09-08 21:38:41
专业提示:在json数据中使用完整的链接。示例->使用"https://www.google.com“而不是"www.google.com”
我使用了${post.link}}>。在我在json数据中使用完整的链接之后,它工作得很好,否则它就不能工作了。
https://stackoverflow.com/questions/64752333
复制相似问题