React Native AsyncStorage Первое значение Null

Я получаю локальную запись с помощью AsyncStorage. Но при вызове get с get возвращается первый ноль состояния. Затем он дает значение (значение).

componentDidMount(){

    if (this.props.gelenSabitIlce){
        var processLak = this.props.gelenSabitIlce.toString();
        AsyncStorage.setItem('nole1', processLak);

    }
    AsyncStorage.getItem('nole1').then((value) => {
        var obj = JSON.stringify(value);
        this.setState({ nole1: obj });
    }).done();
}

reactjs react-native asyncstorage

22.04.2018 12:08

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

637

Ответы 1

AsyncStorage - как следует из названия - асинхронный. Вы выполняете свой код в componentDidMount синхронно, поэтому вы получаете null.

Правильный способ сделать это - использовать шаблон асинхронный / ожидание (подробности см. В документации: https://facebook.github.io/react-native/docs/asyncstorage.html) или, в соответствии с вашим текущим кодом, что-то вроде этого:

componentDidMount() {
  const { gelenSabitIlce } = this.props;

  if (gelenSabitIlce) {
    const processLak = gelenSabitIlce.toString();
    AsyncStorage.setItem('nole1')
      .then(this.getValue);
  }
}

getValue() {
  AsyncStorage.getItem('nole1')
    .then((value) => {
      const nole1 = JSON.stringify(value);
      this.setState({ nole1 });
    }).done();  
}

22.04.2018 12:18

Другие вопросы по теме

FlatList использует numColumns показывает, что тип элементов недействителен

CSS в react-native - синтаксическая ошибка <Text>

Компиляция приложения с использованием Vmware OSX

Как я могу ускорить функцию поиска по массиву?

Автозапуск к текущим параметрам навигации

Есть ли какое-то завершенное событие рендеринга в react native?

Блокировка запросов на получение https в android и ios - React Native

Кросс-платформенная компиляция: свойство с атрибутом «сохранить (или строгое)» должно быть объектного типа

React-native: Axios не работает на ios, но работает на android. Ошибка: значение JSON '<null>' типа NSNull не может быть преобразовано в NSString

Компонент не обновляется после setState

React Native AsyncStorage Первое значение Null

Ответы 1

Другие вопросы по теме

Похожие вопросы