使用React Native，如何将抓取的responseJson保存到前端的文件中

import React, { useEffect } from 'react';
import { View, Button } from 'react-native';
import RNFS from 'react-native-fs';

const saveResponseToFile = async (responseJson) => {
  try {
    const filePath = RNFS.DocumentDirectoryPath + '/response.json';
    await RNFS.writeFile(filePath, JSON.stringify(responseJson), 'utf8');
    console.log('Response saved to file:', filePath);
  } catch (error) {
    console.log('Error saving response to file:', error);
  }
};

const App = () => {
  useEffect(() => {
    // 在这里进行网络请求，获取responseJson
    const fetchResponse = async () => {
      try {
        const response = await fetch('https://example.com/api/data');
        const responseJson = await response.json();
        saveResponseToFile(responseJson); // 调用保存文件的函数
      } catch (error) {
        console.log('Error fetching response:', error);
      }
    };

    fetchResponse();
  }, []);

  return (
    <View>
      <Button title="Save Response" onPress={saveResponseToFile} />
    </View>
  );
};

export default App;

npm install react-native-fs

react-native link react-native-fs