constructor() { super(); this.state={ _id:"", Name:"", Age:"", isEdit:false } }Código antiguo
componentWillReceiveProps(props){ if(props.setForm._id != null){ this.setState({ isEdit:true, _id:props.setForm._id, Name:props.setForm.Name, Age:props.setForm.Age }) } }Después de cambiar
static getDerivedStateFromProps(nextProps, prevState) { console.log(nextProps.setForm.Name); if(nextProps.setForm._id !== null) { return{ isEdit:true, _id:nextProps.setForm._id, Name:nextProps.setForm.Name, Age:nextProps.setForm.Age } } return null }No sé qué hice mal. La creación de formularios funciona, pero cuando hago clic para editar el campo de entrada no me permite editar. El código de error es
index.js:1 Advertencia: un componente está cambiando una entrada no controlada para que sea controlada. Es probable que esto se deba a que el valor cambia de indefinido a un valor definido, lo que no debería suceder. Decida entre usar un elemento de entrada controlado o no controlado durante la vida útil del componente.