inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[React 1부] 만들고 비교하며 학습하는 React

[구현하기 1] State 끌어올기

State 끌어올리기 구분.

392

김주현

작성한 질문수 13

0

안녕하세요.

 

state 끌어올리기는 하는 이유는 즉 여러곳에서 사용 할 데이터를 자식에서 부모로 보내 
또 다른 컴포넌트에서 사용하도록 하기 위한 것으로 이해가 됩니다.

1. 상태를 여러곳으로 사용하는  경우에는 자식 => 부모로 보내는 패턴을 이용하는 것이 맞는 방법이고 자식에서 계속 상태를 가지고 부모로 보내는 방식을 잘못된 방식인가요?

2. 만약 어떠한 하나의 상태만 공통적으로 사용하는 경우 그 상태만 끌러올려서 사용하는게 맞는 것인지. 아니면 다른 상태도 같이 끌어올려 함수형 컴포넌트로 만든 후 부모로 보내는게 맞는 건가요?
만약 어떤건 부모로 어떤건 자식에서 관리를 하면 약간 중구난방의 코드가 될 것 같은데.. 
어떠한 방식이 좋은지 궁금합니다.

맞다 틀리다의 영역인지 개발패턴이나 디자인에 영역에 따라 다른 것인지 궁금합니다.

 

이전 질문 답변 감사했습니다.

 

MVC react

답변 1

2

김정환

컴포넌트의 상태를 다른 컴포넌트에서도 사용한다면 이 상태를 사용하는 컴포넌트들의 최상위 컴포넌트에 상태를 두는 것이 좋습니다(상태 끌어올리기). 그렇지 않으면 각 컴포넌트별로 상태를 관리해야하기 때문이죠. 이것은 코드 중복이라서 코드를 수정할 때 문제가 되기 쉽습니다.

공통으로 사용하는 상태만 끌어올리는 것이 좋습니다. 코드가 중구난방이 될것을 염려하셨는데요. 여러번 컴포넌트 설계를 해보면서 익혀야 하는 부분이기도 합니다. 컴포넌트 설계하시는데 리액트로 생각하기 문서도 함께 읽어 보세요.


리액트 1,2부 이후 후속 강의나 준비 중인 다른 강의가 있으신가요?

1

113

2

super.show() 호출하는 이유가 궁금합니다.

1

102

2

class와 constructor를 이용한 객체 지향 프로그래밍

0

240

2

mvc 패턴 질문

0

210

2

Cannot read properties of undefined (reading 'props')

0

290

2

delegate, emit 필요한 이유

0

206

2

어떤거를 먼저 들어야 하는지 도와주세요

1

275

1

localhost:8080 접속 불가

1

296

1

최근검색어 3 풀이에서

1

195

1

import 문제

1

247

1

자동변환 관련

1

213

1

sort() 질문 드립니다.

1

312

2

reset 시점에 searchResult 빈 배열로 update

2

321

2

Button에 Onclick사용

1

261

1

npx lite-server error 확인 요청드립니다.

1

482

2

node 20이상 쓸때 꿀팁

4

779

3

디버깅 관련질문이 있습니다.

1

309

1

[순수JS2]탭 3(풀이) 질문있습니다.

1

233

1

추상화를 어떻게 받아들이면 될까요??

1

446

1

on 메서드 eventName 문의

1

268

1

import에 관해서 질문드립니다

1

262

1

view.js의 on 메소드에 대해 질문드립니다

1

263

1

componentDidMount에서 getKeywordList()를 하는 이유

1

248

1

[순수JS1]검색폼2_git branch 이동관련

1

284

1