cette refs devient indéfinie dans la méthode

Je suis en train d'utiliser ce plugin dans mon projet https://github.com/rt2zz/react-native-drawer. J'ai pu faire tourner l'exemple bien, mais avoir de problème d'intégration.

J'obtiens l'erreur dans la méthode openDrawer. "Impossible de lire la propriété tiroir de undefined"

Je devine que je ne suis pas la définition et l'utilisation de la classe dans le droit chemin comme il se doit ( je suis nouveau sur le javascript de la programmation orientée objet ), comme dans l'exemple utiliser React.createClass({ contrairement à la mienne comme l'extension de Composant et constructeur.

Les codes pertinents de ma classe sont comme suit.

class Search extends Component {

    constructor(props) {
        super(props);
        this.state = {
            isLoading: true,
            dataSource: new ListView.DataSource({
               rowHasChanged: (row1, row2) => row1 !== row2
            })
        };
    }

    openDrawer(){
        this.refs.drawer.open()
    }

    getInitialState(){
        return {
          drawerType: 'overlay',

        }
    }

Rendu sont

render() {
        if (this.state.isLoading) {
            return this.renderLoadingView();
        }

        var controlPanel = <MyControlPanel closeDrawer={() => {this.refs.drawer.close()}} />

        return (


            <View>
                <View style={styles.topBar}>

                    <Drawer
                        ref="drawer"
                        >
                        <MyMainView
                          />
                    </Drawer>

                    <Text style={styles.topBarMenu}>&#9776;</Text>
                    <Text style={styles.topBarTitle}>เงินปันผล</Text>
                    <Text style={styles.topBarRight}></Text>
                </View>

source d'informationauteur cjmling