sou novo no react-native então acredito que isso e uma dúvida bem básica. Como passo o valor de uma variável 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.
-
Poderia, por favor, colocar o seu código para facilitar auxiliar na resposta?– Felipe Avelar16/09/2019 às 11:33
-
Filipe é o que esta na img em cima, não esta aparecendo ?– Fabricio Carneiro16/09/2019 às 11:36
-
Geralmente isso fazemos com state: facebook.github.io/react-native/docs/state– Lucas de Carvalho16/09/2019 às 11:40
-
@LucasdeCarvalho obrigado cara, mais acho que ainda não entendi.– Fabricio Carneiro16/09/2019 às 11:46
1 Resposta
É 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.
-
-
1
-
@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 16/09/2019 às 12:20
-
1