inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

Redux vs MobX (둘 다 배우자!)

mobx observable 객체의 트래킹 뎁스

223

ghdalsrl326

작성한 질문수 1

0

안녕하세요 mobx에서 observable 객체가 복잡해짐에 따라 어느 깊이까지 트래킹 되는지 테스트해보려 하다

공식문서를 보니 deep, shallow 등의 옵션이 있더라구요

구글링 했을 때는 사용법이 전부 데코레이터 기반이라 함수형에서는 어떻게 사용하는지 궁금합니다.

mobx redux

답변 1

0

제로초(조현영)

makeObservable의 옵션으로 deep: false가 있습니다. 이걸 넣으시면 shallow가 됩니다.

0

ghdalsrl326

빠른 답변 감사합니다! observable로 감싸는 방식에서는 어떻게 쓰면 될까요?

아래 코드에서 observable을 observable.shallow로 바꿨을 때 잘 동작하지 않더라구요

import React from "react";
import ReactDOM from "react-dom";
import { observable, action } from "mobx";
import { observer } from "mobx-react-lite";

const MyTodo = observable({
writer: "test",
TODO: {
depth1: {
depth2: {
depth3: 0
}
}
}
});

const increaseNumber = action(() => {
MyTodo.TODO.depth1.depth2.depth3 += 1;
});

increaseNumber();
const TodoView = observer(() => <span>isTracked?: {MyTodo.TODO.depth1.depth2.depth3}</span>);

ReactDOM.render(<TodoView />, document.body);

0

제로초(조현영)

observable.shallow가 사용방법이라서 다른 방법은 모르겠습니다.

context api, redux를 혼용하는건 별로일까요?

0

377

1

섹션 3 mobx autorun 관련 질문입니다.

0

264

1

thunk 미들웨어 잡업 중 논리로직 단계? 질문이 있습니다.

0

301

1

rootSaga에서 call를 사용하는 이유가 궁금합니다.

0

363

1

observable의 함수를 익명함수로 바꿔봤습니다.

0

395

1

useSelector 리랜더링 질문있습니다.

0

386

1

비동기 action 타입을 뭘로 지정해야 할까요?

0

265

1

redux-thunk질문

0

436

1

state 변경 시 질문

0

354

1

state변경 시 질문

0

333

2

firstMiddleware와 thunkMiddleware 순서 질문

0

440

1

객체 동적 다이나믹 속성?? 질문

1

279

1

미들웨어 질문

0

256

1

리덕스 사가 실습 파일 확인 부탁드립니다!

1

588

2

1-6 강의에서 질문 있습니다!

1

369

1

redux-saga 깃헙 파일

0

378

1

createStore -> configureStore

0

307

1

전역 변수와 전역 상태 값

0

673

2

Redux toolkit 과 axios API 호출에 관한 질문입니다.

0

443

1

MobX Data

0

237

1

mobx state action 변화 감지 관련

0

728

1

mobx configure

0

217

1

리덕스 툴킷 과 saga질문

0

298

1

로깅 미들웨어 질문입니다

0

243

1