Создание состояния постоянных приложений с помощью AsyncStorage

Question

Я пытаюсь создать объект, который будет служить постоянным состоянием моего приложения. Это означает, что при первом запуске приложения указано состояние первого времени, ему нужно загрузить объект состояния из AsyncStorage. Вот что у меня есть до сих пор:

var instance = null; 

var State = { 
    user: "bob", 

    update(newState) { 
    Object.assign(instance, newState); 
    AsyncStorage.setItem('appState', JSON.stringify(instance)).then(() => { 
     AsyncStorage.getItem('appState', (err, result) => { 
     console.log(result) 
     }) 
    }) 
    } 
} 

module.exports = (() => { 
    if (!instance) { 
    return AsyncStorage.getItem('appState').then((value) => { 
     if (value) { 
     instance = value 
     console.log("assigning saved state") 
     } else { 
     instance = State 
     console.log("assigning fresh state") 
     AsyncStorage.setItem('appState', JSON.stringify(instance)) 
     } 
     return instance 
    }) 
    } else { 
    console.log("using existing state") 
    return instance 
    } 
})(); 

Прямо сейчас, это возвращает обещание, когда я пытаюсь его использовать. Есть ли способ извлечь ценность моего объекта из обещания или лучший образец для выполнения того, что я пытаюсь сделать? Возможно, мне придется просто инициализировать State при запуске.

Answer 1

Хорошо, у меня есть работоспособное решение. По сути, я отложил инициализацию приложения до тех пор, пока состояние не было загружено через AsyncStorage. Это необходимо, так как это состояние, которое сообщает приложению, начинать ли он с экрана входа или нет. В моем корневом файле:

constructor(props) { 
    super(props); 
    this.state = { 
     stateLoaded: false 
    } 
    State.initialize().then(() => { 
     this.setState({stateLoaded: true}) 
    }) 
    } 

    render() { 
    if (this.state.stateLoaded) { 
     return (
      // Your startup code 
    ); 
    } else { 
     return (
     // Your loading screen code 
    } 
    } 
} 

А в моем государстве класса:

initialize() { 
    if (!this.initialized) { 
     return AsyncStorage.getItem('appState').then(value=>JSON.parse(value)) 
     .then((value) => { 
     if (value) { 
      Object.assign(this, value) 
      console.log("assigning saved state") 
     } else { 
      console.log("assigning fresh state") 
      AsyncStorage.setItem('appState', JSON.stringify(this)) 
     } 
     this.intialized = true 
     return this 
     }) 
    } else { 
     return promise.resolve(this) 
    } 
    } 
} 

Теперь я могу смело ссылаться на переменные из State в течение моего приложения, так как инициализация происходит прежде всего. Насколько я знаю, это лучший (только?) Способ сделать это. Если это не так, дайте мне знать, потому что это довольно уродливо.