How to store records in an array using AsyncStorage

Question

Just now I started using AsyncStorage. I tried storing input text value like this:

class Sample extends React.Component{    constructor(props){     super(props);      this.state = {       Name:' ',     };   } componentDidMount() {     AsyncStorage.getItem("Name").then((value) =>{       this.setState({"Name":value})     }).done(); handleChange(e){       AsyncStorage.setItem("Name", e.nativeEvent.text)        this.setState({          email: e.nativeEvent.text        })     }   render(){     return(        <View>         <TextInput                style={styles.textContainer}                value={this.state.Name}                 placeholder="Name"                onChange={this.handleChange.bind(this)}/>        </View>    ) } 

For this it is working correctly, but i want to add a record into an array instead of changing the record every time. I want to push the record into an array and need to display the total array data in the view, (i.e) I need previously avilable data also.

Answer 1

Stringify Array

Use JSON.stringify and JSON.parse to store an array as a value via AsyncStorage.

Store / Stringify

const stringifiedArray = JSON.stringify(somearray) 

Restore / Parse

const restoredArray = JSON.parse(stringifiedArray) 

Usage with AsyncStorage

 return AsyncStorage.getItem('somekey')       .then(req => JSON.parse(req))       .then(json => console.log(json))       .catch(error => console.log('error!'));  const someArray = [1,2,3,4]; return AsyncStorage.setItem('somekey', JSON.stringify(someArray))       .then(json => console.log('success!'))       .catch(error => console.log('error!')); 

Answer 2

for setting

     AsyncStorage.setItem('name', JSON.stringify(your array)); 

for getting

  AsyncStorage.getItem('name', (error, result) => {   this.setState({ name: JSON.parse(result) }, function () {   });});