복붙노트

[REACTJS] setState를 서버의 데이터와 함께 작업을하지 않습니다

REACTJS

setState를 서버의 데이터와 함께 작업을하지 않습니다

해결법


  1. 1.당신이 바로 그 아래에 데이터를 업데이트되지 않도록 setWorkouts는 방법 비동기입니다.

    당신이 바로 그 아래에 데이터를 업데이트되지 않도록 setWorkouts는 방법 비동기입니다.

    setWorkouts([...workouts, response.data])
    console.log(workouts) //<--- this will not reflect the updated data
    

    다른 코드가 좋은 당신이 반복하고 그것을 보여주는 경우, 그것은 DOM에 반영됩니다

    코드 아래에 미리보기를 실행하고 HTML을 확인하고 모두 콘솔, 그 흐름을 취소합니다.

    CONST {useState, useEffect} = 반작용; CONST 애플리케이션 = () => { CONST [사용자 setUsers = useState ([ '비벡를', 'Darsh']); useEffect (() => { 에서는 setTimeout (() => { setUsers (... 사용자 "Vivan", "Darshita"]); CONSOLE.LOG (사용자); }, 2000); }, []); 수익률 (

    {users.map (사용자 =>

    {사용자} )} ); } ReactDOM.render (<애플리케이션 /> document.getElementById를 () 루트 반응 '); <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/react/16.8.4/umd/react.production.min.js"> <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.4/umd/react-dom.production.min.js">

  2. from https://stackoverflow.com/questions/61716831/setstate-doesnt-work-with-with-data-from-server by cc-by-sa and MIT license