inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

[그랩마켓] React로 웹 개발하기 - 2

state 질문입니다.

227

gakaotalk

작성한 질문수 5

2

const products = result.data.products;

를 사용하여데이터를 추출하고  

products.map(function (product, index)

을 실행하였을 때 

const [products, setproducts] = React.useState([])
를 꼭 써줘야 실행이 되는 것은 비동기화 때문에 데이터가 추출되기도 전에 지나가 버리니 사용해 주는 것이 맞나요?

javascript HTML/CSS nodejs react-native 머신러닝 배워볼래요? react tensorflow express

답변 2

1

그랩

넵! 기본적으로 네트워크 통신은 비동기 통신이기에 나중에 데이터를 받게 됐을 때 컴포넌트가 다시 렌더링을 해야지 화면에 반영이 됩니다. 만약 state를 사용하지 않으면 데이터를 받게되어 products 값을 받더라도 products.map이 다시 실행되지 않기 때문에 화면은 계속 비어있게 될 겁니다!

즉 products라는 state가 필요한 이유는 해당 컴포넌트가 렌더링(짜여진 코드를 다시 읽어서 return하는 것)을 다시해주게 하기 위해서입니다!

0

slow

이걸 어떻게 질문하지 했는데 깔끔하고 이해하기 쉽게 질문해주셔서 감사합니다  ^^

[해결]그랩님 답변 주세요.

0

166

2

그랩님의 답변을 기다립니다/102강 전반적인 에러

0

144

2

[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.

0

126

2

[재질문][그랩님 답변 부탁드립니다]101강

0

143

2

[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문

0

99

2

Ngrok 설치 후 forwarding Url 에러

0

134

2

[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.

0

222

2

Ngrok 설치 후 forwarding Url로 연결 불가

0

138

1

그랩님,[꼭] 답변 부탁드립니다.

0

68

1

[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.

0

155

1

6강/7강 수업

0

53

1

그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.

0

100

2

그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.

0

138

2

[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

89

1

Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

130

2

일반적인 css 꾸미기에서 width와 height의 값?

0

94

2

Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법

0

198

1

그랩마켓 웹화면 구현하기 -2 질문입니다.

0

121

1

react에 반영이 되지 않습니다.

0

243

1

터미널 npm install -g create-react-app 작성 후 오류

0

422

1

create-react-app my app 실행 시 에러

0

357

2

포스트맨 질문

0

100

1

<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.

0

261

2

그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.

0

483

2