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 vote388 views1 answer
How to add comma in react map
Javascript React
0 vote360 views1 answer
React native regenerate android and ios folders
Javascript React
0 vote335 views1 answer
TextField input font color React Material UI
Javascript React
0 vote347 views1 answer
How to have hotjar in react-hotjar
Javascript React
1 vote310 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React
16 votes343 views3 answers
What does the useReducer do in react
Javascript React
0 vote325 views1 answer
React import json
Javascript React
1 vote325 views1 answer
Slider on release call api react material ui
Javascript React
0 vote374 views1 answer
How to show content-type:image/jpg in react
Javascript React
0 vote362 views1 answer
React Liked Component
Javascript React