React 같은 레벨에 있는 컴포넌트에서 state 전달 질문입니다

[최선재]

 

폴더 구조는 이렇게 되어 있습니다.

LoginInput.js 안에 있는

let [loginId, setLoginId] = useState(); <----- loginId를 LoginHeader.js에서 사용하려고 하는데 어떻게 해야하나요?

 

미니 프로젝트여서 Redux 까지 사용하면 좀 낭비인거같고

Context API를 사용하려고 했는데 Context API 에서 형제 간의 state 공유는 공통의 부모에서 해야한다는데

공통의 부모가 없어서 어떻게 사용해야 할지 감이 안잡힙니다 슨상님

 

[최선재]

해결했습니다!!!

[codingapple]

부모를 뒤지다보면 항상 같은 부모가 있습니다

아니면 state를 App.js에 보관하면 됩니다 

[최선재]

그럼 context 라는 store에서 a, b 라는 state를 선언하고

A 라는 컴포넌트에서 a의 값을 수정하면

B 라는 컴포넌트에서 a 값을 불러와서 사용할 때 수정된 값이 사용되나요?

[codingapple]

넴

[글쓴이]

글