¿Alguien puede explicarme por qué usar this.initialState sabiendo que estoy usando el componente de clase aquí en React JS?
class Inscription extends Component { constructor(props) { super(props); this.state = { pseudo: '', email: '', password: '', formErrors: {} }; this.initialState = this.state; }Imagine tener un formulario con múltiples entradas y, finalmente, el usuario envía todos los datos. Después de un envío exitoso, desea restablecer todo en el formulario. La forma más fácil es hacer this.state = this.initialState para que no necesite definir initialState dos veces.
En lugar de agregar initialState a Class, lo definiría fuera de la clase.
const initialState = { pseudo: '', email: '', password: '', formErrors: {} }; class Inscription extends Component { constructor(props) { super(props); this.state = initialState; } onSubmit(){ // do backend call // some others events // eventually reset the state this.state = initialState; } }