Reading Json file with RNFS on react native

Question

I'am trying to access the content of a JSON file i just wrote with RNFS. I tried different ways, import, json-loader etc without success.

I write the file like :

    var obj = {
    date: moment().format(),
    counter: 0 };
    var json = JSON.stringify(obj);
    RNFS.writeFile(path, json, 'utf8')
    .then((success) => {
      count++;
      console.log('FILE WRITTEN! : ');
    })
    .catch((err) => {
        console.log(err.message);
    });

Then i proceed to try to read it

var path = RNFS.DocumentDirectoryPath + '/test.json';

const cFile = RNFS.readFile(path, 'utf8');

Sadly i only get a 'promise' but can't seem to access directly the data. I get this kind of result in console.

Promise {_40: 0, _65: 0, _55: null, _72: null}
_40:0
_55:"{"date":"2018-04-11T10:52:52+02:00","counter":0}"
_65:1
_72:null
__proto__:Object

And i would like to access the date field, just like cFile.date

Any help welcome thanks you

Shripada · Accepted Answer · 2018-04-11 13:09:15Z

1

It is a Promise that you get from the readFile call. You need to invoke 'then' on it like so:

RNFS.readFile(path, 'utf8')
    .then((contents) => {
    // log the file contents
    console.log(contents);
  })
  .catch((err) => {
    console.log(err.message, err.code);
  });

answered Apr 11, 2018 at 13:09

Shripada

6,5422 gold badges33 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Macilias · Accepted Answer · 2019-11-27 10:37:45Z

0

try this:

let asset_content = null;
try {
    await RNFetchBlob.fs.readFile(path, 'utf8')
      .then((data) => {
        asset_content = data;
        console.log("got data: ", data);
      })
      .catch((e) => {
        console.error("got error: ", e);
      })
  } catch (err) {
    console.log('ERROR:', err);
}
const assets = JSON.parse(asset_content);

answered Nov 27, 2019 at 10:37

Macilias

3,5372 gold badges37 silver badges49 bronze badges

Collectives™ on Stack Overflow

Reading Json file with RNFS on react native

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related