0

sou novo no react-native então acredito que isso e uma dúvida bem básica. Como passo o valor de uma variávelinserir a descrição da imagem aqui para meu template JSX? Quero que quando eu chamar a função SomaG1 ele atribui um valor para ContG1 e esse valor se altere no componente do JSX.

4

1 Resposta 1

2

É necessário criar um elemento no state no seu componente. Segue exemplo:

import React, { Component } from "react";
import { Button, Text, View } from "react-native";


class App extends Component {
  constructor() {
    super();
    this.state = {
        contG1: 0
    };
  }

  somaG1() {
    this.setState({contG1:this.state.contG1+1})
  }

  render() {
    return (
      <View>
        <Text>Valor contG1: {this.state.contG1}</Text>
        <Button onPress={() => this.somaG1()} title="Clique para somar" />
      </View>
    );
  }
}

export default App;

Você também pode ver funcionando online.

O state tem o papel de controlar o estado daquele componente, nesse caso o componente App da sua aplicação. É importante lembrar que ele é imutável, sendo alterado com a função setState.

Para maiores informações sobre o state, você pode acessar a documentação.

4
  • Cara ainda não consegui, pq ele fica dando um errinho Commented 16/09/2019 às 12:07
  • 1
    Diz que a funcao constructor não existe. Commented 16/09/2019 às 12:13
  • @FabricioCarneiro perceba que eu mudei a forma como estou criando o componente. Você estava fazendo um componente sem estado (stateless component), como precisamos de um componente que tenha estado, precisamos de um class component. Para mais informações, você pode ler esse post Commented 16/09/2019 às 12:20
  • 1
    Acho que entendi mano, valeu em cara! Commented 16/09/2019 às 12:29

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 .