Breaking News: Grepper is joining You.com. Read the official announcement!

using map in useeffect

Clear Copperhead answered on September 17, 2021 Popularity 9/10 Helpfulness 3/10

answer using map in useeffect

related using map in useeffect

using map in useeffect

Comment

import React, { useState, useEffect } from 'react';
import axios from 'axios';
import './App.css';
import CharacterMap from './characterMap'

const App = () => {
  let [chars, setChars] = useState([]);
  useEffect(async () => {
    try{ 
      let response = await axios.get(`https://swapi.co/api/people/`)
      let data = await response.json();
      setChars(data);
    } catch(error) {
       console.error(error.message);
    }
  },[]);
 // If you want to access the updated state then use this.
  useEffect(() => {
     let newState = chars.map((e) => e); // map your state here
     setChars(newState); // and then update the state
     console.log(newState);
  },[getChars]);

  return (

    <div className="App">
      <CharacterMap info={chars} />
    </div>
  );
}
export default App;

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: javascript use-effect

Link to this answer
Share Copy Link

Contributed on Sep 17 2021

Clear Copperhead

0 Answers Avg Quality 2/10

Closely Related Answers

using map in useeffect

Comment

useEffect(async () => {
    try{ 
      let response = await axios.get(`https://swapi.co/api/people/`)
      let data = await response.json();
      let newState = data.map((e) => e); // map your state here
      setChars(newState); // and then update the state
      console.log(newState);
    } catch(error) {
       console.error(error.message);
    }
  },[]);

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 17 2021

Clear Copperhead

0 Answers Avg Quality 2/10

using map in useeffect

Contents

More Related Answers

using map in useeffect

Closely Related Answers

using map in useeffect

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.