/Javascript/React/Fetch data from api in react

Fetch data from api 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 data from api in react

useEffect(() => {
    const url = "https://api.adviceslip.com/advice";

    const fetchData = async () => {
      try {
        const response = await fetch(url);
        const json = await response.json();
        console.log(json);
      } catch (error) {
        console.log("error", error);
      }
    };

    fetchData();
}, []);

Source: designcode.io

Similar codes

0 vote169 views1 answer
Open xcode shorthand react native
Javascript React
0 vote194 views1 answer
React Spread Attributes conditionally
Javascript React
0 vote200 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript React
32 votes209 views2 answers
Npm react router dom@5
Javascript React
105 votes281 views1 answer
Create react app scaffolding
Javascript React
0 vote200 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
32 votes211 views6 answers
Font awesome react
Javascript React
13 votes195 views1 answer
React making post request
Javascript React
0 vote204 views1 answer
React enzyme
Javascript React
0 vote190 views1 answer
Switch React Native Paper
Javascript React