La méthode ne peut pas lire l'état

Question

J'utilise reac-native et le serveur d'analyse. Je mise en œuvre de l'enregistrement des utilisateurs, mais cette erreur apparaît:

est pas objet non défini (évaluation « this.state.username »)

Ne doit pas être lu l'état dans la classe?

import React, {Component} from 'react'; 
import {Container, Content, Form, Item, Input, Button, Text} from 'native-base'; 
var Parse = require('parse/react-native'); 

export default class Singup extends Component { 
    constructor(props) { 
    super(props); 
    this.state = { 
     username: '', 
     password: '' 
    }; 
    } 

    Buttonpress() { 
    Parse.initialize("APPLICATION_ID"); 
    Parse.serverURL = 'http://***.***.**.**:1337/parse' 

    var user = new Parse.User(); 
    user.set("username", this.state.username); 
    user.set("password", this.state.password); 

    user.signUp(null, { 
     success: function(user) { 
     console.warn("YES"); 
     }, 
     error: function(user, error) { 
     // Show the error message somewhere and let the user try again. 
     alert("Error: " + error.code + " " + error.message); 
     } 
    }); 
    } 

    render() { 
    return (
     <Container> 
     <Content> 
      <Form> 
      <Item> 
       <Input 
       placeholder="Username" 
       onChangeText={(text) => this.setState({username: text})} 
       value = {this.state.username}/> 
      </Item> 
      <Item last> 
       <Input 
       placeholder="Password" 
       onChangeText={(text) => this.setState({password: text})} 
       value = {this.state.password}/> 
      </Item> 
      </Form> 
      <Button 
      block 
      onPress={this.Buttonpress}> 
      <Text>Inscrever-se</Text> 
      </Button> 
     </Content> 
     </Container> 
    ); 
    } 
} 

Traduit automatiquement.

Answer 1

La liaison de votre fonction devrait vous aider

constructor(props) { 
    super(props); 
    this.state = { 
     username: '', 
     password: '' 
    }; 
    this.Buttonpress = this.Buttonpress.bind(this); 
    } 

Voici la référence: https://facebook.github.io/react/docs/react-without-es6.html#autobinding