How to fetch data from API using id in reactJS?

Question

How do I pass an ID from one API to another, and fetch the require data?

This is my code:

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
        });
      }
    )
}

Gaurav Kandpal · Accepted Answer · 2020-02-20 10:49:08Z

3

You can do using back tick.

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
      });
    }
  )
}

answered Feb 20, 2020 at 10:49

Gaurav Kandpal

1,3403 gold badges16 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to fetch data from API using id in reactJS?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related