Breaking News: Grepper is joining You.com. Read the official announcement!

action for fetch item redux

michael answered on June 13, 2022 Popularity 9/10 Helpfulness 2/10

answer action for fetch item redux

related how to fetch data redux

action for fetch item redux

Comment

export function fetchContacts(filter) {
  return async (dispatch) => {
    try {
      let url = "http://localhost:3000/contacts";
      if (filter) {
        url = "http://localhost:3000/contacts?category=" + filter;
      }

      let data = await fetch(url);
      let response = await data.json();

      dispatch({
        type: "contacts/fetchContacts",
        payload: response,
      });
    } catch (error) {
      console.log(error);
    }
  };
}

export function deleteContacts(id) {
  return async (dispatch) => {
    try {
      let url = `http://localhost:3000/contacts/${id}`;

      let data = await fetch(url, {
        method: "DELETE",
        "Content-Type": "application.json",
      });
      let response = await data.json();
      dispatch(fetchContacts());

      return response;
    } catch (error) {
      console.log(error);
    }
  };
}

export function contactDetail(id) {
  return async (dispatch) => {
    try {
      let url = `http://localhost:3000/contacts/${id}`;

      let data = await fetch(url, {
        method: "GET",
        "Content-Type": "application.json",
      });
      let response = await data.json();
      dispatch({
        type: "contact/contactDetail",
        payload: response,
      });
    } catch (error) {
      console.log(error);
    }
  };
}

export function addContact(name, phoneNumber, email, category) {
  return async (dispatch) => {
    try {
      let url = `http://localhost:3000/contacts`;

      let data = await fetch(url, {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
          name: name,
          phoneNumber: phoneNumber,
          email: email,
          category: category,
        }),
      });
      let response = await data.json();
      console.log(name);
      dispatch(fetchContacts());
    } catch (error) {
      console.log(error);
    }
  };
}

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: action fetch redux whatever

Link to this answer
Share Copy Link

Contributed on Oct 24 2022

michael

0 Answers Avg Quality 2/10

Closely Related Answers

how to fetch data redux

Comment

export function fetchProducts() {
  return dispatch => {
    dispatch(fetchProductsBegin());
    return fetch("/products")
      .then(handleErrors)
      .then(res => res.json())
      .then(json => {
        dispatch(fetchProductsSuccess(json.products));
        return json.products;
      })
      .catch(error => dispatch(fetchProductsFailure(error)));
  };
}

// Handle HTTP errors since fetch won't.
function handleErrors(response) {
  if (!response.ok) {
    throw Error(response.statusText);
  }
  return response;
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: daveceddia.com

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Jun 13 2022

Wide-eyed Wren

0 Answers Avg Quality 2/10

action for fetch item redux

Contents

More Related Answers

action for fetch item redux

Closely Related Answers

how to fetch data redux

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.