1

Tenho o seguinte código:

export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      xsemana: '0',
      meses: '1',
      minutos: '1',
    };
  }

  calcula(){
    const total = this.state.xsemana *
    (52 * this.state.meses / 12) *
    this.state.minutos;
    alert(total);
  }

  render() {
return (
  <View style={styles.container}>
    <Text>Vezes por semana</Text>
    <TextInput style={styles.input} keyboardType='numeric' onChangeText={(text) => this.setState({xsemana: text.replace(/[^0-9]/g, ''),})} value={this.state.xsemana} />

    <Text>Quantos meses?</Text>
    <TextInput style={styles.input} keyboardType='numeric' onChangeText={(text) => this.setState({meses: text.replace(/[^0-9]/g, ''),})} value={this.state.meses} />

    <Text>Quantos minutos?</Text>
    <TextInput style={styles.input} keyboardType='numeric' onChangeText={(text) => this.setState({minutos: text.replace(/[^0-9]/g, ''),})} value={this.state.minutos} />

    <View style={{flex:1, backgroundColor:'red'}}>
      <Button title="Calcular" color="#417ee0" style={{height:80}} onPress={this.calcula}/>
    </View>

  </View>
  );
}
}

Quero fazer um cálculo na função calcula(), utilizando os valores dos state acima.

Porém, estou recebendo o erro:

undefined is not an object (evaluating 'this.state.xsemana')

Como utilizar na minha função, os estados criados acima?

2
  • Quando você chama essa função ?
    – NoobSaibot
    Commented 5/01/2018 às 3:41
  • @wmsouza coloquei o código completo Commented 5/01/2018 às 3:46

1 Resposta 1

2

Você deve fazer um bind do método calcula(), para poder utilizar o this dentro dele.

...
constructor(props) {
    super(props);
    this.state = {
      xsemana: '0',
      meses: '1',
      minutos: '1',
    };
    this.calcula = this.calcula.bind(this);
}
...

Leitura recomendada:

2
  • vou testar. voce pode explicar pra que serve o bind? Commented 5/01/2018 às 3:46
  • 1
    @ItaloRodrigo editei a resposta e coloquei uma pergunta feita aqui no SOpt
    – NoobSaibot
    Commented 5/01/2018 às 3:53

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .