Adding data to existing JSON file with react native

Question

I'm trying to add some new data to an existing JSON file from text input. I use React Native and I store some data in JSON file called PartyInfo.json, when I fill out a form I want the data will be passed and stored in the PartyInfo.json file.

const PartyInfo = require('../PartyInfo.json');

let party = {
        name: this.state.name,
        info: this.state.info,
        date: this.state.date,
        price: this.state.price,
    };
    let data = JSON.stringify(party);
    PartyInfo.writeFile('PartyInfo.json', data);

I have tried to follow some answers to similar questions but nothing worked... thanks in advance.

you can use file system:github.com/itinance/react-native-fs or you can also use AsyncStorage — Ankush Rishi
– Ankush Rishi, Commented Apr 10, 2019 at 12:21

Nirmalsinh Rathod · Accepted Answer · 2019-04-10 13:11:01Z

2

You just need to install npm i react-native-fs using npm i react-native-fs and use below code to update your file

 var RNFS = require('react-native-fs');

    var filePath = RNFS.DocumentDirectoryPath + '/YOUR_FILE_NAME';

    RNFS.writeFile(filePath, YOUR_TEXT, 'utf8')
      .then((success) => {
        console.log('SUCCESS');
      })
      .catch((err) => {
        console.log(err.message);
      });

answered Apr 10, 2019 at 13:11

Nirmalsinh Rathod

5,2414 gold badges28 silver badges58 bronze badges

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

3 Comments

Adar Wallerstein Over a year ago

I have just tried that, it shows me the "Success" message but the input does not append to my JSON file... any ideas?

sosa Over a year ago

This is not working.

Julian K Over a year ago

Make sure you understand where it's writing the file to. Log out the RNFS.DocumentDirectoryPath, if you're testing locally it will be somewhere in the DerivedData folder.

Collectives™ on Stack Overflow

Adding data to existing JSON file with react native

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related