如何用EXPO文件系统保存导入的JSON文件

人气:406 发布:2022-10-16 标签: json filesystems react-native expo

问题描述

我一直在与EXPO合作开发一个Reaction Native项目,该项目使用json文件来存储本地数据。我是这样导入数据的 import data from '../database.json'

我正在使用data.push(new_data)对导入的JSON进行更改(添加和删除)。当我关闭应用程序时,这些更改不会持久,因为我不知道如何保存它们。我已经了解了如何使用EXPO文件系统库:

import * as FileSystem from 'expo-file-system';
...
FileSystem.writeAsStringAsync(FileSystem.documentDirectory + 'database.json', data);

这来自于查看API文档中的示例。然而,这总是抛出拒绝承诺,并且不会最终写入文件。你能给我指个方向吗?

另外,我是否应该以不同的方式导入datase.json,以便我已经拥有要将其保存到的URI?

推荐答案

改用AsyncStorage。React本机程序包已弃用,但仍在运行,或者使用@react-ative-Community/async-store并将json转换为字符串(AsyncStorage只能存储字符串)

设置项目

import AsyncStorage from '@react-native-community/async-storage';
...
await AsyncStorage.setItem('myData', JSON.stringify(data))

获取项目

const data = await AsyncStorage.getItem('myData')

403