Fetch in react

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 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 vote244 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript React
65 votes213 views6 answers
React routing
Javascript React
2 votes227 views2 answers
Splice state react
Javascript React
1 vote232 views2 answers
React check internet connection
Javascript React
-1 vote637 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
59 votes214 views3 answers
Npm react router dom
Javascript React
0 vote240 views1 answer
Options not working properly in reactjs
Javascript React
1 vote240 views1 answer
React native could not get batchedbridge
Javascript React
1 vote229 views1 answer
Import react js video player
Javascript React
1 vote263 views1 answer
React native detect production
Javascript React