[REACTJS] setState를 서버의 데이터와 함께 작업을하지 않습니다
REACTJSsetState를 서버의 데이터와 함께 작업을하지 않습니다
해결법
-
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 (사용자 =>{사용자} p>)} DIV> ); } ReactDOM.render (<애플리케이션 /> document.getElementById를 () 루트 반응 '); <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/react/16.8.4/umd/react.production.min.js"> script> <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.4/umd/react-dom.production.min.js"> script> DIV>
from https://stackoverflow.com/questions/61716831/setstate-doesnt-work-with-with-data-from-server by cc-by-sa and MIT license
'REACTJS' 카테고리의 다른 글
[REACTJS] 자바 스크립트와 CSS를 사용 ReactJs 모달 (0) 2020.11.12 [REACTJS] 반응 : CSV 파일 가져 오기 및 구문 분석을 (0) 2020.11.12 [REACTJS] A는 타이프 라이터의 인터페이스 구성 요소 반작용에 어떻게 방법을 설명하기 위해? (0) 2020.11.12 [REACTJS] 방법 가상화 반응의 공개 방법 updatePosition를 사용 하는가? (0) 2020.11.12 [REACTJS] 어떻게 꺼낼 필요없이 만들 수있는 서비스 작업자 범위에서 URL을, 응용 프로그램을 반응 제외합니까? (0) 2020.11.12