Pourquoi l'objet de domaine est indéfini dans react-native

Question

J'utilise Realm pour la première fois et j'essaie simplement d'initialiser une base de données et de lui écrire un enregistrement. Voici mon code.

import React, { Component } from 'react'; 
import {StackNavigator} from 'react-navigation'; 
import Realm from 'realm'; 


import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View, 
    Linking 
} from 'react-native'; 

class Home extends Component { 
    static navigationOptions = { 
    title: 'Login', 
    headerStyle: { 
     backgroundColor:'#000000' 
    }, 
    headerTitleStyle: { 
     color:'#fff' 
    } 
    }; 
    initDB() 
    { 
    const realm = new Realm({schema: [CompatibilityProduct]}); 
    this.realm = realm; 
    console.log(realm); 
    }; 
    loadResults() 
    { 
    const realm = this.realm; 
    console.log(realm); 
     // Write 
    realm.write(() => { 
     realm.create('CompatibilityProduct', { 
      compatibilityId: 18, 
      productId: 17, 
     }); 
    }); 


    }; 
    constructor(props) 
    { 
     super(props); 
    } 
    render() { 
    const {navigate} = this.props.navigation; 
    return (
     <View> 
     <Text onPress={this.initDB}> 
      Init DB 
     </Text> 
     <Text onPress={this.loadResults}> 
      Load Results 
     </Text> 
     </View> 
    ); 
    } 
} 

const myscreens = StackNavigator({ 
    Home: {screen: Home} 
}); 

class CompatibilityProduct {} 
CompatibilityProduct.schema = { 
    name: 'CompatibilityProduct', 
    properties: { 
     compatibilityId: {type: 'int'}, 
     productId: {type: 'int'}, 
    }, 
}; 


export default myscreens; 

je démarre l'application dans mon AVD, je clique sur Init DB (console.log(realm) is empty in the initDB() function), puis quand je clique sur les résultats de charge, les accidents d'application, car this.realm est non défini.

Qu'est-ce que je fais mal?

Answer 1

pour accéder à domaine vous devez appeler Realm.Open().then() ... modifier votre code pour être comme ça

class Home extends React.Component { 
    constructor(props) { 
    super(props); 
    this.state = { realm: null }; // initial the state with null 
    } 
    initDB() 
    { 
    Realm.open({ // open connection 
    schema: [CompatibilityProduct] 
    }).then(realm => { // here is realm 
    console.log('realm1', realm); 
    this.setState({ realm }); // set it to state 
    }); 
    }; 
loadResults() 
    { 
const {realm } = this.state; // access it from state 
console.log('realm2', realm); 
    // Write 
realm.write(() => { // write to it 
    realm.create('CompatibilityProduct', { 
     compatibilityId: 18, 
     productId: 17, 
    }); 
    }); 
    this.setState({ realm }); // set it to state to see updates 
}; 

render() { 
// read data from it 
const info = this.state.realm ? 'Number of CompatibilityProduct in this Realm: ' + this.state.realm.objects('CompatibilityProduct').length : 'Loading...'; 

return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> 
    <Text onPress={this.initDB.bind(this)}> // bind to access this 
     Init DB 
    </Text> 
    <Text onPress={this.loadResults.bind(this)}> // bind to access this 
     Load Results {info} 
     </Text> 
    </View> 
); 
} 
} 


const CompatibilityProduct = { // schema is object not class 
    name: 'CompatibilityProduct', 
    properties: { 
    compatibilityId: {type: 'int'}, 
    productId: {type: 'int'}, 
    }, 
};