React Native - Como eu posso fazer isso com redux?
21/06/2019
0
Estou começando agora com React native, e agora me deparei com a seguinte situação.. primeiramente o projeto que estou usando já vem com algumas coisas prontas, então já foi criada a store, tem algumas coisas usando o redux no app já, e eu fiz a seguinte tela para estudar:
import { View, Text, TextInput, StyleSheet} from ''react-native'';
import { Actions } from ''react-native-router-flux'';
import { MyButton } from ''../../components'';
//import { mudaTexto } from ''../../actions'';
//import { connect } from ''react-redux'';
class Screen1 extends Component {
constructor(props){
super(props)
this.state ={resultadoText:"", texto:"" }
this.mudaTexto = this.mudaTexto.bind(this)
}
//Action
mudaTexto(){
let textoU = this.state.texto
let s = this.state
s.resultadoText = textoU
this.setState(s)
}
render(){
return(
<View style={[styles.view, {flex:1}]}>
<Text style={[styles.txt, {marginTop:0}]}>Essa é a tela 1</Text>
<TextInput placeholder=''Escreva aqui seu texto''
style={[styles.txt, {fontSize:25}]}
onChangeText={(texto) => {this.setState()}}>
</TextInput>
<MyButton onPress={this.mudaTexto} text=''Enviar texto''/>
<Text
style={[styles.txt]}>{this.state.resultadoText}
</Text>
<View style={styles.view} >
<MyButton onPress={()=>Actions.home()} text=''Voltar'' />
</View>
</View>
)
}
}
const styles = StyleSheet.create({
txt: {
fontSize:40,
textAlign:''center'',
marginTop:30
},
view: {
justifyContent:"center"
}
})
export default Screen1
//export default connect (Screen1)
Eu estou muito perdido com redux, já sei pra que serve, etc, mas não consigo entender direito como faz. Então nesse meu contexto, como eu poderia pegar essa função mudaTexto() que precisa saber o state para funcionar e passo ela pra uma pasta src/Actions por exemplo? Como precisa ficar o código da action, do reducer e da screen nesse caso? Eu sei que é pedir muito, mas vai deixar um estagiário que conseguiu começar na área agora mto feliz kkkk Qro chegar lá segunda já entendendo disso kkkk
import React, { Component } from ''react'';
import { View, Text, TextInput, StyleSheet} from ''react-native'';
import { Actions } from ''react-native-router-flux'';
import { MyButton } from ''../../components'';
//import { mudaTexto } from ''../../actions'';
//import { connect } from ''react-redux'';
class Screen1 extends Component {
constructor(props){
super(props)
this.state ={resultadoText:"", texto:"" }
this.mudaTexto = this.mudaTexto.bind(this)
}
//Action
mudaTexto(){
let textoU = this.state.texto
let s = this.state
s.resultadoText = textoU
this.setState(s)
}
render(){
return(
<View style={[styles.view, {flex:1}]}>
<Text style={[styles.txt, {marginTop:0}]}>Essa é a tela 1</Text>
<TextInput placeholder=''Escreva aqui seu texto''
style={[styles.txt, {fontSize:25}]}
onChangeText={(texto) => {this.setState()}}>
</TextInput>
<MyButton onPress={this.mudaTexto} text=''Enviar texto''/>
<Text
style={[styles.txt]}>{this.state.resultadoText}
</Text>
<View style={styles.view} >
<MyButton onPress={()=>Actions.home()} text=''Voltar'' />
</View>
</View>
)
}
}
const styles = StyleSheet.create({
txt: {
fontSize:40,
textAlign:''center'',
marginTop:30
},
view: {
justifyContent:"center"
}
})
export default Screen1
//export default connect (Screen1)
Eu estou muito perdido com redux, já sei pra que serve, etc, mas não consigo entender direito como faz. Então nesse meu contexto, como eu poderia pegar essa função mudaTexto() que precisa saber o state para funcionar e passo ela pra uma pasta src/Actions por exemplo? Como precisa ficar o código da action, do reducer e da screen nesse caso? Eu sei que é pedir muito, mas vai deixar um estagiário que conseguiu começar na área agora mto feliz kkkk Qro chegar lá segunda já entendendo disso kkkk
Raphael
Curtir tópico
+ 0
Responder
Post mais votado
22/06/2019
Cara, da uma olhada rápida nesse curso https://www.devmedia.com.br/react-redux/
Vai te dar base rapidão pra conseguir fazer isso aí. Ao contrário, sem entender como funciona o Redux, tu não vai sair da inércia
Vai te dar base rapidão pra conseguir fazer isso aí. Ao contrário, sem entender como funciona o Redux, tu não vai sair da inércia
Julio
Responder
Mais Posts
22/06/2019
Raphael
Cara, da uma olhada rápida nesse curso https://www.devmedia.com.br/react-redux/
Vai te dar base rapidão pra conseguir fazer isso aí. Ao contrário, sem entender como funciona o Redux, tu não vai sair da inércia
Shoow mano vlwVai te dar base rapidão pra conseguir fazer isso aí. Ao contrário, sem entender como funciona o Redux, tu não vai sair da inércia
Responder
Clique aqui para fazer login e interagir na Comunidade :)