Реагирует на загрузку Array / Json

Question

Я реагирую на нативное приложение, затем работаю с такой структурой: в main.js у меня есть

import newspapers from './newspapers.js';

В Газете.js у меня сейчас:

let papersList = [
{id:1, imageName: '2.jpg', paperName: '02 jan 2019', pdfName: '2.pdf', downloaded:false, downloading:false},
{id:2, imageName: '3.jpg', paperName: '27 dec2018', pdfName: '3.pdf', downloaded:false, downloading:false},
]     
export default papersList

Так что это массивс чем я работаю, а сейчас работает.Но мне нужно скачать этот список с сервера и сохранить его где-нибудь, когда приложение в автономном режиме.Я придумал это решение как:

import RNFetchBlob from 'rn-fetch-blob';
RNFetchBlob
.config({
    path : RNFetchBlob.fs.dirs.DocumentDir + '/'+ 'index.json'
})
.fetch('GET', 'https://mysite/App/index.json', {
})
.then((res) => {
    console.log('The file saved to ', res.path())
})

RNFetchBlob.fs.readFile(RNFetchBlob.fs.dirs.DocumentDir + '/'+ 'index.json', 'utf8')
.then((data) => {
    let papersList = JSON.parse(data)
})
export default papersList

Но оно не работает вообще.Как я могу скачать что-то, а затем экспортировать его как массив JSON?Или что-то в этом роде?Многие используют componentDidMount?Но я не понимаю, как мне это сделать.Буду очень признателен за любую помощь.