Fetch react

Js fetch 'post' json

//Obj of data to send in future like a dummyDb
const data = { username: 'example' };

//POST request with body equal on data in JSON format
fetch('https://example.com/profile', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
})
.then((response) => response.json())
//Then with the data from the response in JSON...
.then((data) => {
  console.log('Success:', data);
})
//Then with the error genereted...
.catch((error) => {
  console.error('Error:', error);
});

//																		Yeah

Source: developer.mozilla.org

React get method

/* React get method.  */

componentWillMount(){
    fetch('/getcurrencylist',
    {
        /*
        headers: {
          'Content-Type': 'application/json',
          'Accept':'application/json'
        },
        */
        method: "get",
        dataType: 'json',
    })
    .then((res) => res.json())
    .then((data) => {
      var currencyList = [];
      for(var i=0; i< data.length; i++){
        var currency = data[i];
        currencyList.push(currency);
      }
      console.log(currencyList);
      this.setState({currencyList})
      console.log(this.state.currencyList);
    })
    .catch(err => console.log(err))
  }

Fetch react

// React fetch with useEffect
 
 useEffect(() => {
    const fetchApi = async () => {
      const response = await fetch(
        `http://api.openweathermap.org/data/2.5/weather?q=${search}&appid=4ea8f345f660789c426b1282d9a41f67`
      );
      const resJson = await response.json();
      setCity(resJson.main);
    };
    fetchApi();
  }, [search]);

Fetch

var formData = new FormData();
var fileField = document.querySelector("input[type='file']");

formData.append('username', 'abc123');
formData.append('avatar', fileField.files[0]);

fetch('https://example.com/profile/avatar', {
  method: 'PUT',
  body: formData
})
.then(response => response.json())
.catch(error => console.error('Error:', error))
.then(response => console.log('Success:', response));

Source: developer.mozilla.org

Fetch in react

React.useEffect(function() {
        console.log("Effect ran")
        fetch("https://swapi.dev/api/people/1")
            .then(res => res.json())
            .then(data => setStarWarsData(data))
    }, [])

Similar codes

0 vote295 views1 answer
Liquid indicators in react native
Javascript React
0 vote322 views1 answer
Build class component react
Javascript React
0 vote406 views1 answer
How set default value for react-select
Javascript React
12 votes295 views1 answer
Suspense react
Javascript React
1 vote328 views1 answer
React admin newrecords.foreach is not a function
Javascript React
0 vote315 views1 answer
${product} meaning in react js
Javascript React
-2 votes310 views1 answer
Reactsj substring
Javascript React
0 vote313 views1 answer
Eject expo app to android and react native
Javascript React
21 votes310 views6 answers
React native vector icons
Javascript React
94 votes348 views6 answers
Install react router
Javascript React