React Native Mobx разыменование нулевого указателя - PullRequest
Новая
       18

React Native Mobx разыменование нулевого указателя

1 голос
/ 22 марта 2019

Я использую mobx (и mobx-persist) в качестве своего собственного глобального хранилища приложений (я использую expo клиент). Сначала я получаю некоторые данные с сервера, затем сохраняю результаты в хранилище и сохраняю их в asyncStorage. Сначала все работало нормально, но потом внезапно, когда я пытаюсь войти в систему, приложение зависает, а затем вылетает со сводкой, содержащей «Причина: разыменование нулевого указателя». Ниже приведен мой код.

Код магазина: 

import { observable, computed, action, set } from 'mobx';
import { create, persist } from 'mobx-persist';
import { AsyncStorage } from 'react-native';

class Store {
    URL = 'XX.XX.XX.XX'
    @persist('object') @observable db = {
        authToken: '',
        buses: null,
        term: null,
    }

    @computed get buses () {
        return this.db.buses
    }

    @computed get term () {
        return this.db.term
    }

    @computed get authToken () {
        return this.db.authToken
    }

    @action setAuthToken = (token) => {
        this.db.authToken = token;
    }

    @action setBuses = (buses) => {
        this.db.buses = buses;
    }

    @action setTerm = (term) => {
        this.db.term = term;
    }
}

const hydrate = create({
    storage: AsyncStorage,
    jsonify: true
})

store = new Store()

storeLoader = async () => {
    await hydrate('object', store)
    return store
}
hydrate('object', store)
module.exports = { store, storeLoader }

Экран входа в систему Код: 

import { store } from './store'
import { observer } from 'mobx-react';


 fetch(`http://${store.URL}/login`, {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
    },
    body: JSON.stringify({
        email: this.state.email,
        password: this.state.password
    })
}).then(res => res.json()).then(res => {
    if (res.token) {
        store.setAuthToken(res.token)
        store.setTerm(res.term)
        store.setBuses(res.buses.sort((a, b) => {
            let first = a.fields[0].time, second = b.fields[0].time;
            let firstArr = first.split(":", 2), secondArr = second.split(":", 2);
            if (firstArr[0] !== secondArr[0])
                return firstArr[0] - secondArr[0];
            else
                return firstArr[1] - secondArr[1];
        }))
        this.props.navigation.navigate("App")
    }
    if (res.error) {
        this.setState({error: res.error})
    }
}).catch(err => console.log(err))

И AuthToken, и термин сохраняются, но шины либо возвращают ноль при входе в систему или сбое приложения. После отладки и поиска в течение нескольких часов я обнаружил, что некоторые люди сталкиваются с похожими проблемами, потому что они пытаются сохранить большие массивы вложенных объектов, поэтому я подумал, что, возможно, массив шин на самом деле такой большой (хотя это не так), поэтому я попытался сохранить объект только с одним ключом пара в автобусах, но безуспешно.

1 Ответ

0 голосов
/ 06 апреля 2019

Исправлено с помощью постоянного списка пользовательского класса:

В магазине класса: 

@persist('list', Bus) @observable Buses = []

и в классе Bus: 

class Bus {
    @persist @observable someField1 = ''
    @persist @observable someField2 = false
    @persist('list', field) @observable fields = []
}

даже класс Bus использовал другое поле класса: 

class field {
    @persist @observable someField1 = ''
    @persist @observable someField2 = ''
}
...