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

6 votes186 views2 answers
React native disable the text input
Javascript React
15 votes188 views2 answers
UseReducer() hook react
Javascript React
0 vote172 views2 answers
Mqtt js react-native
Javascript React
69 votes189 views6 answers
React route
Javascript React
0 vote186 views1 answer
React native updating options with setoptions
Javascript React
23 votes183 views2 answers
Reactjs app change port
Javascript React
125 votes258 views6 answers
Create React App command
Javascript React
0 vote190 views1 answer
Reduce to calculate sum react
Javascript React
20 votes181 views6 answers
Useeffect react example
Javascript React
0 vote191 views1 answer
React tooltip on disabled button
Javascript React