mi studentName no se completa al escribir cualquier nombre en el input. es decir la variable studentName sigue siendo null. por favor ayuda es mi primer intento usando firebase y pues no se muy bien como hacerlo, desde ya muchas gracias por tomarse el tiempo de responder, aquí les dejo una imagen de lo que me dice la consola. disculpen si es una consulta muy básica, seguro es algo sencillo que no me estoy dando cuenta. estoy escribiendo una descripcion larga porque stackoverflow me dice que añada mas detalles porque sino mi publicacion es practicamente puro codigo pero en realidad no tengo mucho que decir solo que mi variable studentName sigue siendo null.
Este es el codigo de mi aplicacion React que estoy usando en el componente Usurvey, espero que se entienda lo que estoy intentando hacer, es de un ejercicio en un curso de Udemy.
import React from 'react';
const firebase = require('firebase');
const uuid = require('uuid');
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyAAWzjB3tcxtIABEY_JWAYePbb_v5tJklc",
authDomain: "u-survey-86e95.firebaseapp.com",
databaseURL: "https://u-survey-86e95.firebaseio.com",
projectId: "u-survey-86e95",
storageBucket: "u-survey-86e95.appspot.com",
messagingSenderId: "336098190372",
appId: "1:336098190372:web:fe93c31cd986617e"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
class Usurvey extends React.Component {
constructor(props)
{
super(props);
this.state = {
uid: uuid.v1(),
studentName: '',
answers: {
answer1: '',
answer2: '',
answer3: ''
},
isSubmited: false
};
this.nameSubmit = this.nameSubmit.bind(this);
}
nameSubmit(event)
{
let studentName = this.refs.name.nodeValue;
this.setState({studentName: studentName}, function(){
console.log(this.state);
});
}
render(){
let studentName;
let questions;
if(this.state.studentName === '' && this.state.isSubmited === false)
{
studentName =
<div>
<h2>Hey student, please let us know your name:</h2>
<form onSubmit = {this.nameSubmit}>
<input className = "namy" type = "text" placeholder = "Enter your name." ref = "name"/>
</form>
</div>
}
return(
<div>
{studentName}
<div className = "line">
<hr />
</div>
{questions}
</div>
);
}
}
export default Usurvey;