inflearn logo
강의

Course

Instructor

Learn React.js with Projects

07 useState

useState 에 대해

212

eodilda

96 asked

0

3:20

  1. 모델 값이 갱신이 안되서 그런건가요?

  2. 모델이 원웨이로 돼어있나요?

  3. useState 를 쓰면 모델이 투웨이로 바뀌는건가요?

react redux es6

Answer 1

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다.
insoo님, React.js의 useState에 대해 질문 주셨군요.

  1. useState를 사용하면 컴포넌트 내에서 관리하는 상태 값이 있을 때, 그 값을 변경할 수 있는 함수를 함께 제공합니다. 만약 모델 값이 갱신되지 않는 경우, 상태를 변경하는 함수를 제대로 사용하지 않았거나, 또는 상태 변경 후 리렌더링이 발생하지 않은 원인일 수 있습니다.

  2. React에서 모델은 일반적으로 “상태(state)“를 의미합니다. React의 상태 관리는 원래 “원웨이 데이터 플로우(one-way data flow)” 즉, 단방향으로 동작합니다. 이는 상태가 정의된 위치에서만 상태를 변경할 수 있으며, 하위 컴포넌트로는 props를 통해 데이터를 전달만 할 수 있다는 의미입니다.

  3. useState를 사용했을 때 모델이 “투웨이 바인딩(two-way binding)“으로 바뀌는 것은 아닙니다. useState는 특정 값을 상태로 관리하고, 그 상태를 변경할 수 있는 함수를 제공하는 Hook입니다. 투웨이 바인딩은 사용자 인터페이스와 모델 상태가 서로를 자동으로 반영하는 것을 말합니다. React에서는 이런 투웨이 바인딩 대신, 상태를 변경하는 함수를 통해 명시적으로 상태 업데이트를 해주어야 하며, 이 변경이 컴포넌트의 리렌더링을 야기합니다.

상태 관리에 대해 좀 더 자세히 알아보고자 하신다면, React의 공식 문서를 참고하시는 것이 좋을 것 같습니다. 혹시 추가적으로 궁금한 점이 있으시면 질문해주세요.

UserEffect 빈 배열 사용 질문입니다

0

132

2

Pagination 페이지 별 데이터 불러오기 오류

0

247

1

설명이 부족 한 듯..

0

292

1

pagination nav가 안보여요

0

213

1

블로그 낫 파운드 ㅠㅠ

0

242

1

return (<div></div>)

0

426

2

에러떠요..

0

525

2

useCallback 의존성 배열

0

367

1

인자가 필수로 들어가야 하는지 궁금합니다

0

393

1

AxiosError: Network Error가 뜹니다

0

11294

3

리액트 설치하려고 하니 에러가 뜹니다

0

299

1

23강 localhost 질문드립니다!!

0

587

5

renderBlogList 함수는 순수함수가 아니어도 괜찮은가요?

0

283

1

페이지네이션 버그 있습니다.

0

398

1

글 삭제 기능 구현 방법

0

311

1

react-router-dom 버전 업그레이드에 따른 문제

0

408

1

state가 업데이트되는 기준이 궁금합니다.

0

300

1

id가 두번 찍혀요

0

264

2

error handling 2 => ShowPage.js, BlogForm.js에서 에러가 납니다.

0

459

2

에러 핸들링에서 토스트가 2개씩 뜹니다..

0

435

2

36 블로그 db에서 받아와서 화면에 보여주기 에서

0

265

1

13번째 DB에 저장을 따라하고 있습니다.

0

405

2

useParams 가 동작하지 않습니다.

0

811

2

toastSlice를 store에등록할 때 질문있습니다.

0

253

1