inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Slack 클론 코딩[실시간 채팅 with React]

(리덕스) 한 컴포넌트에서 다른 컴포넌트로 상태 옮기기

631

정지은
0

안녕하세요. 제로초님... 강의도 들으면서 저혼자 토이프로젝트를 하고 있습니다.

제가 원하는 대로 구현이 안되서 5시간동안 헤매고 있는데,
물어볼 데가 없어서 감히 올립니다 ㅠㅠ

스크린샷 2023-06-07 오후 4.24.47.png스크린샷 2023-06-07 오후 4.26.17.png


현재 문제상황은 모달컴포넌트에 작성한 입력값이 콘솔에는 잘 찍히는데, 이 값을 다른 컴포넌트(todoItem.js)로 옮기는 방법을 모르겠습니다.

리액트 리덕스를 사용해서 상태관리를 하고 있는데요. useSelecter를 사용해보았는데, 초기화된 값만 유지가 되고 업데이트된 상태가 잘 넘어가지 않습니다...


다음은 Modal.js와 TodoItem.js 컴포넌트의 코드입니다.

스크린샷 2023-06-07 오후 4.30.53.png

스크린샷 2023-06-07 오후 4.31.00.png스크린샷 2023-06-07 오후 4.31.13.png


스크린샷 2023-06-07 오후 4.31.37.png스크린샷 2023-06-07 오후 4.31.46.png




TodoItem 컴포넌트 코드를 어떻게 짜야할지 조언 부탁드립니다.

리듀서를 써서 전역으로 상태관리를 하고 싶은데, 잘 안됩니다 ㅜㅜ

react typescript

답변 1

0

제로초(조현영)

리덕스 데브툴에서 데이터 리덕스에 제대로 들어갔는지 확인해보셨나요?

useSelector를 어디에 쓰셨나요? 제 눈엔 안보이는데요? useReducer와 착각하신건 아니죠? useReducer은 리덕스가 아니라 리액트 것입니다

0

정지은

useSelector를 썼었는데, 위의 코드에서는 지웠어요 ㅜㅜㅜ

로컬 스토리지로 해보고 있는데, 혹시 막히면 다시 질문하겠습니다.
봐주셔서 감사해요 ㅜㅜ
힘들어도 끝까지 해보겠습니다...

0

제로초(조현영)

로컬스토리지로 하지마시고 useSelector로 하고 리덕스 데브툴로 확인하면 됩니다

0

제로초(조현영)

자바스크립트 참조와 복사에 대해서 다시 공부하세요

일렉트론으로 앱을 하나 만들었는데

0

296

0

비전공 국비수료생이 볼 수 있을까요?

0

392

1

로드맵으로 프론트엔드 전향이 가능할까요?

0

415

1

페이지네이션 랜더링 질문

0

447

1

요즘시장에 MERN스택으로 개발하는 프로젝트가 많이 있는지 궁금합니다.

0

459

1

서버공부 (Java spring)

0

436

0

신규 강의가 비슷하게 나왔던데

0

432

0

다이아그램 자료 안뜨는데요.

0

426

0

업데이트로 인해, Adroid 설정부분이 조금 다릅니다.

1

445

1

선생님.. 구현하고자 하는게 있는데 도저히 구글링해도 어떻게 손을 봐야할지 모르겠습니다..

0

529

2

_song.html 세션 문제?

0

509

2

안녕하세용 강의관련해서 질문드립니다!

0

435

1