Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

146
Vistas
My Input form won't allow edit using this function getDerivedStateFromProps Reactjs
constructor() {

        super();
        this.state={
            _id:"",
            Name:"",
            Age:"",
            isEdit:false
        }
    }

Old Code

componentWillReceiveProps(props){
        if(props.setForm._id != null){
            this.setState({
                isEdit:true,
            _id:props.setForm._id,
            Name:props.setForm.Name,
            Age:props.setForm.Age
            })
        }
    }

After changing

    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 
    }

I don't know what I did wrong. Form creation is working but when I click to edit the input field is not allowing me to edit. The error code is

index.js:1 Warning: A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component.

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda