[Mobx] - 자식 컴포넌트로 computed값을 내려줄 때, 변경을 감지하지 못함

[bluelion2]

부모 컴포넌트에서 위의 옶션값을 관리하고, 그 값중 일부를 computed를 통해서 자식인 Footer 컴포넌트로 내려주고 있었다

---

자식컴포넌트에서 해당 computed 값을 가지고 있다가, 특정이벤트가 실행되면 해당 값을 사용하는데, 변경되는 값을 감지하지 못하고 초기에 내려주는 값만 사용하고 있었다.

[bluelion2]

관찰 가능한 값을 Props로 내려주는 경우, 받는 자식컴포넌트에서 useAsObservableSource() 또는 useLocalStore에서 관찰하게 해야, 부모가 바뀐 값을 정확히 감지하고 인식한다.

• useAsObservableSource
• useLocalStore

[bluelion2]

• useAsObservableSource()로 부모의 Observable 값을 관찰하기

[bluelion2]

• useLocalStore를 통해서 관리할 때

[bluelion2]

Todo

• Mobx 라이브러리의 useLocalStore 파트를 까봐야 할 듯 하다.
• 또는 변경을 감지하는 부분을 보면 이해가 좀 더 될듯 하다.