如何在 reactJS 中使用 id 从 API 获取数据?

Posted

技术标签:

【中文标题】如何在 reactJS 中使用 id 从 API 获取数据?【英文标题】:How to fetch data from API using id in reactJS? 【发布时间】:2020-06-04 16:06:45 【问题描述】:

如何将 ID 从一个 API 传递到另一个 API,并获取所需数据?

这是我的代码:

handleClick(e)
    fetch("http://api.com/product_sub_categories?category_id")
    .then(res => res.json())
    .then(
      (result) => 
        this.setState(
          isLoaded: true,
          product_sub_categories: result.product_sub_categories
        );
      ,
      (error) => 
        this.setState(
          isLoaded: true,
          error
        );
      
    )

【问题讨论】:

【参考方案1】:

您可以使用反引号。

handleClick(e)
  fetch(`$BASE_PATH/product_sub_categories?category_id=$e.target.value`)
  .then(res => res.json())
  .then(
    (result) => 
      this.setState(
        isLoaded: true,
        product_sub_categories: result.product_sub_categories
      );
    ,
    (error) => 
      this.setState(
        isLoaded: true,
        error
      );
    
  )

【讨论】:

以上是关于如何在 reactJS 中使用 id 从 API 获取数据?的主要内容,如果未能解决你的问题,请参考以下文章

使用 reactjs 从 rest api 访问数据

如何在 ReactJS 中将数据从 API 渲染到表(函数组件)

无法从 reactjs 中的 axios 向 id=1 文章的 django REST API 后端发出 GET 请求

如何避免在Reactjs中每次都调用API?

如何从API获取的值显示到ReactJS页面中

如何从 ReactJS 组件调用 Laravel Api 路由?