ComradeHazard
@ComradeHazard

Почему не работает makeAutoObservable?

Хотел подключить Mobx к проекту на React Native, чтобы получить данные с Laravel.

index.js
import axios from "axios";
import { makeAutoObservable } from "mobx";
import { React, createContext, useContext } from "react";


export class RootStore {
    constructor() {
        makeAutoObservable(this, {})
    }
    products = [];
    *getProduct() {
        try {
            const response = yield axios.get('http://jsonplaceholder.typicode.com/todos/1')      /// ссылка для примера
            this.products = response.data
            console.log(this.products)
        } catch (error) {
            console.log(error)
        }
    }
}


export const rootStore = new RootStore();
export const StoreContext = createContext(rootStore);
export const StoreProvider = StoreContext.Provider;
export const useStore = () => useContext(StoreContext)


Сама функция с observe
import { useEffect } from 'react';
import { useStore } from '../store';
import { observer } from 'mobx-react-lite';

const Category = observer(() => {

    const store = useStore();
    useEffect(() => {
        store.getProduct()
    }, [])

    return ( ... )
}
)

export default Category


Ошибка в консоли
WARN  Possible Unhandled Promise Rejection (id: 0):
TypeError: undefined is not a function
TypeError: undefined is not a function
  • Вопрос задан
  • 132 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы