首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >从JSON传递链接以作出反应

从JSON传递链接以作出反应
EN

Stack Overflow用户
提问于 2020-11-09 13:10:35
回答 4查看 314关注 0票数 1

我有一个小问题,我需要从JSON传递一个链接来作出反应,但是我不知道如何去做。当我使用{post.link}传递一个链接时,它不会带我到给定的地址并重新加载整个react组件

我知道JSON中的链接是空的,但是当我添加任何链接时,问题仍然存在。

JSON

代码语言:javascript
复制
[
    {
        "name": "",
        "price": "",
        "desc": "",
        "link": "",
        "tags": ""
    },

    {
        "name": "",
        "price": "",
        "desc": "",
        "link": "",
        "tags": ""
    }
]

反应

代码语言:javascript
复制
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>
  )
}
EN

Stack Overflow用户

发布于 2021-09-08 21:38:41

专业提示:在json数据中使用完整的链接。示例->使用"https://www.google.com“而不是"www.google.com”

我使用了${post.link}}>。在我在json数据中使用完整的链接之后,它工作得很好,否则它就不能工作了。

票数 1
EN
查看全部 4 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64752333

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档