How to read data from realm DB in react native?

Question

I followed a realm db tutorial in react native and I succeed to create, insert, delete data from DB but I have problem reading from database.

I always get same result which is not resolved and useless.

I checked my codes a lot But I cant find out my mistake.

Here is my code:

database.js

import Realm from 'realm';


export const HEART_QUEUE_SCHEMA = 'HeartQueue';

export const HeartQueueSchema = {
    name : HEART_QUEUE_SCHEMA,
    primaryKey : 'id',
    properties: {
        id : 'int', // primary key
        requestTime : {type : 'string', indexed: true}
    }
};

const databaseOptions = {
    path: 'mizWord.realm',
    schema : [HeartQueueSchema],
    schemaVersion : 0,
} 

export const insertToHeartQueue =  (item) => new Promise((resolve, reject) => {
    Realm.open(databaseOptions).then(realm => {
        realm.write(()=>{
            realm.create(HEART_QUEUE_SCHEMA, item);
            resolve(item);
        })
    }).catch((error) => reject(error));
});

export const updateHeartQueue =  (item) => new Promise((resolve, reject) => {
    Realm.open(databaseOptions).then(realm => {
        realm.write(()=>{
            let updatingRow = realm.objectForPrimaryKey(HEART_QUEUE_SCHEMA, item.id);
            updatingRow.requestTime = 'hello world';
            resolve();            
        })
    }).catch((error) => reject(error));
});

export const deleteHeartQueue =  (itemID) => new Promise((resolve, reject) => {
    Realm.open(databaseOptions).then(realm => {
        realm.write(()=>{
            let updatingRow = realm.objectForPrimaryKey(HEART_QUEUE_SCHEMA, itemID);
            realm.delete(updatingRow);
            resolve();            
        })
    }).catch((error) => reject(error));
});

export const deleteAllHeartQueue = () => new Promise((resolve, reject) => {
    Realm.open(databaseOptions).then(realm => {
        realm.write(()=>{
            let updatingRows = realm.objects(HEART_QUEUE_SCHEMA);
            realm.delete(updatingRows);
            resolve();            
        })
    }).catch((error) => reject(error));
});

export const getAllHeartQueue = () => new Promise((resolve, reject) => {
    Realm.open(databaseOptions).then(realm => {
        let allHeartsList = realm.objects(HEART_QUEUE_SCHEMA);
        resolve(allHeartsList);        
    }).catch((error) => reject(error));
});

export default new Realm(databaseOptions)

and here is my app.js file

import realm from './databases';
import {insertToHeartQueue, deleteHeartQueue, deleteAllHeartQueue, getAllHeartQueue} from './databases'

export default class App extends Component {

constructor(){
  super();
  this.state = {
    data : "test",
    time : 0,
    testDB : '',
    xxxz : []
  }
}

_readDB = () => {    
  getAllHeartQueue().then((allHeartsList)=>{   
    console.log('data',allHeartsList);
    this.setState({
      xxxz : allHeartsList
    })   
  }).catch((err)=>{
    alert(err)
  }); 

}

  render() {   
    console.log('state', this.state.xxxz)
    return (
      <View style={styles.container}>  
        <Text style={styles.welcome}>Welcome to React Native!</Text> 
        <Text style={styles.welcome}>{this.state.time}</Text>
        <View>                   
          <Button
            onPress={()=> this._readDB()}
            title="Ask for Data"
            color="#cc77v"
            accessibilityLabel="Learn more about this purple button"
          />          
          <View>            
          </View>
        </View> 
      </View>
    );
  }
}

bu I always get this: Proxy {type: "object", optional: false, Symbol(realm): 140510983537104, Symbol(id): 175, …}

Answer 1

Try to love resolve() outside the write transactions.