Почему undefined при выводе из Mobx конкретного объекта?

Question

[Даниил Чистяков]

Доброго времени суток, пытаюсь вывести информацию с Mobx, но при обращении к конкретному объекту - undefined, однако при этом если обращаюсь к глобальной переменной, то всё хорошо. Подозреваю, что дело в асинхронности, кто-нибудь может поделиться решением?
Ссылка на CodeSandbox

Answer 1

[0xD34F]

Когда обращаетесь к значению, его ещё нет.

А изменения не отслеживаются.

Класс DB - надо добавить дефолтное значение:

class DB {
  info = null;
  ...

Компонент Episodes - добавить эффекту значение DB.info в качестве зависимости:

const Episodes = observer(() => {
  useEffect(() => {
    ...
  }, [ DB.info ]);
  ...

Если же не хотите видеть дефолтное значение info внутри Episodes, тогда его экземпляр следует рендерить только при наличии данных, в App замените return <Episodes />; на return DB.info && <Episodes />;.

Comments

[Даниил Чистяков]

Спасибо, обернул код внутри useEffect проверкой на undefined и добавил dependency.