Quando eu Trago meus dados através de um Picker para que o Usuário possa edita-lo e assim atualizar os dados da ‘Tarefa’, ele n atualiza, fazendo alguns testes eu reparei que ele precisa do código da Tarefa para poder atualizar a ‘tabela’ certa, porem eu não sei como posso pushar esse código para que assim ele possa editar e enviar os dados certos.
constructor() {
super();
this.state = {
status: '',
descricao: '',
valor: '',
titulo: [],
titulo_selecionado: ""
};
this.cadastroanuncio = this.cadastroanuncio.bind(this);
firebase.auth().onAuthStateChanged((user) => {
if (user) {
firebase.database().ref('Tarefas').child(user.uid).on('value', (snapshot) => {
let state = this.state;
state.titulo = [];
snapshot.forEach((childItem) => {
state.titulo.push({
key: childItem.key,
titulo: childItem.val().titulo,
status: (String(childItem.val().status)),
descricao: childItem.val().descricao,
valor: childItem.val().valor,
});
});
this.setState(state);
});
}
});
}
RetornarDadosAnuncio = ((titulo) => {
this.state.titulo.map((item, index) => {
if (item.titulo == titulo) {
//Atualizar os campos do formulario
this.setState({titulo_selecionado: item.titulo, status: item.status, descricao: item.descricao, valor: item.valor});
}
});
});
//Codigo que faço pro create e que to usando pro atualizar...
cadastroanuncio() {
if (this.state.titulo.length > 0) {
firebase.auth().onAuthStateChanged((user) => {
firebase.database().ref('Tarefas').child(user.uid).set({
titulo:this.state.titulo,
descricao:this.state.descricao,
valor:this.state.valor,
status:this.state.status,
});
});
alert("Tarefa Atualizada");
}
}
render() {
return (
<View style={styles.container}>
<Text style={styles.logoText}>Selecione o Anuncio:</Text>
<Text style={styles.texto}>Titulo do Anuncio:</Text>
<Picker
selectedValue={this.state.titulo_selecionado}
style={styles.picker}
onValueChange={(itemValue, itemIndex) => this.RetornarDadosAnuncio(itemValue)}>
{this.state.titulo.map((item, index) => {
return (
<Picker.Item label={item.titulo} value={item.titulo} key={index} />
);
})}
</Picker>
<Text style={styles.texto}>Titulo do Anuncio:</Text>
<TextInput style={styles.inputBox}
underlineColorAndroid='rgba(0,0,0,0)'
placeholder="Titulo"
placeholderTextColor="#ffffff"
selectionColor="#fff"
value={this.state.titulo_selecionado}
onChangeText={(titulo) => this.setState({ titulo })}
/>
<Text style={styles.texto}>Descrição do Anuncio:</Text>
<TextInput style={styles.inputBox}
underlineColorAndroid='rgba(0,0,0,0)'
placeholder="Descrição"
placeholderTextColor="#ffffff"
selectionColor="#fff"
value={this.state.descricao}
onChangeText={(descricao) => this.setState({ descricao })}
/>
<Text style={styles.texto}>Valor do Anuncio:</Text>
<TextInput style={styles.inputBox}
underlineColorAndroid='rgba(0,0,0,0)'
placeholder="R$0000,00"
placeholderTextColor="#ffffff"
selectionColor="#fff"
keyboardType="number-pad"
value={this.state.valor}
onChangeText={(valor) => this.setState({ valor })}
/>
<Text style={styles.texto}>Status:</Text>
<Picker
selectedValue={this.state.status}
style={styles.picker}
onChangeText={(status) => this.setState({ status })}
onValueChange={(itemValue, Index) =>
this.setState({ status: itemValue })
}>
<Picker.Item label="Não Realizado" value="0" />
<Picker.Item label="Realizado" value="1" />
</Picker>
<TouchableOpacity style={styles.button} onPress={this.cadastroanuncio}>
<Text style={styles.buttonText}>Atualizar Anuncio</Text>
</TouchableOpacity>
</View>
);
}
}