上一版本react-native和AsyncStorage丢失的数据

Question

当我试图用react-native和expo更新我的应用程序（Android/iOS）时，我的数据丢失了，我不知道为什么：

旧版本：

与expo一起构建更新版本

我如何保存数据。代码在不同版本之间没有变化。

  useEffect(() => {
    persistStore(
      store,
      {
        storage: AsyncStorage,
        whitelist: ['data', 'data2' ],
        transforms: [
          createTransform(
            state => state,
            state => ({
              ...state,
              infosOpened: false,
            }),
            {
              whitelist: 'app',
            }
          ),
        ],
      },
      () => {
        setRehydrated(true)
      }
    )
  }, [])

AsyncStorage是从react-native导入的，我用Expo保留react-native。@react-native-community/async-storage不兼容。

正如我在旧版本中看到的那样，数据在“数据用户”中使用SQLlite format 3持久化。数据似乎总是与较新的版本在一起，但不再恢复。

我不知道是否有一些制动变化反应-从版本51到61原生。我在github发布标签中什么也没看到。

https://github.com/expo/expo/issues/8220#issuecomment-656300244

Answer 1

您可以在代码段中找到用于迁移的示例代码。这个片段是从Expo到纯RN的迁移。您只需反向迁移即可。

import React, { Component } from 'react';
import { View, ActivityIndicator, AsyncStorage } from 'react-native';
import PropTypes from 'prop-types';
import RNFS from 'react-native-fs';

export default class WalletMigrate extends Component {
  componentDidMount() {
    this.migrateDataFromExpo();
  }

  migrationComplete() {
    console.log('Migration was successful. Exiting migration...')
    this.props.onComplete();
  }

  // Migrate Document directory from Expo
  async migrateDataFromExpo() {
    const expoDirectoryExists = await RNFS.exists(RNFS.DocumentDirectoryPath + '/ExponentExperienceData');

    if (!expoDirectoryExists) {
        console.log('Expo data was previously migrated. Exiting migration...');
      this.props.onComplete();
      return;
    }
    try {
        await RNFS.unlink(RNFS.DocumentDirectoryPath + '/RCTAsyncLocalStorage_V1')
        console.log('/RCTAsyncLocalStorage_V1 has been deleted. Continuing...')
    } catch {
        console.log('/RCTAsyncLocalStorage_V1 does not exist. Continuing...')
    }
    RNFS.copyFile(
      RNFS.DocumentDirectoryPath + '/ExponentExperienceData/%40USERNAME%2FAPPNAME/RCTAsyncLocalStorage',
      RNFS.DocumentDirectoryPath + '/RCTAsyncLocalStorage_V1',
    )
      .then(() => {
        RNFS.readDir(RNFS.DocumentDirectoryPath + '/RCTAsyncLocalStorage_V1').then(files => {
          files.forEach(file => {
            if (file.name !== 'manifest.json') {
              RNFS.readFile(file.path).then(fileContents => {
                AsyncStorage.setItem('data', fileContents)
                .then(() => {
                  RNFS.unlink(RNFS.DocumentDirectoryPath + '/ExponentExperienceData').then(() => this.migrationComplete());
                })
                .catch(() => {
                    console.log('An error was encountered when trying to delete /ExponentExperienceData. Exiting migration...');
                    this.props.onComplete();
                })
                .then(() => this.migrationComplete())
              });
            }
          });
        })
        .catch(error => {
            console.log('An error was encountered when trying to read the /RTCAsyncLocalStorage_V1 directory. Exiting migration...');
            console.log(error);
            this.props.onComplete();
        });
      })
      .catch(_error => this.props.onComplete());
  }

  render() {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignContent: 'center' }}>
        <ActivityIndicator />
      </View>
    );
  }
}

WalletMigrate.propTypes = {
  onComplete: PropTypes.func,
};