export function UpdateData(props){ return( <div> <div className='updateForm'> <form> <div className="form-group"> <label>Your ID:</label> <input name="id" type="text" defaultValue={props.usersData._id} autoComplete="off" className="form-control" readOnly></input> <label>Enter your name:</label> <input name="name" type="text" defaultValue={props.usersData.name} autoComplete="off" placeholder="Enter your name here....." className="form-control" onChange={(e)=>console.log(e.target.value)}></input> <label>Enter your age:</label> <input name="age" type="text" defaultValue={props.usersData.age} autoComplete="off" placeholder="Enter your age here....." className="form-control" onChange={(e)=>console.log(e.target.value)}></input> <label>Enter your city:</label> <input name="city" type="text" defaultValue={props.usersData.city} autoComplete="off" placeholder="Enter your city here....." className="form-control" onChange={(e)=>console.log(e.target.value)}></input> <br/> <button className="btn" id="myButton2">Save Update</button> </div> </form> </div> </div> ) }Quiero consolar los cambios del campo de entrada, pero la función "onChange" no funciona en consecuencia. He usado document.getElementById("updateCont").innerHTML=ReactDOMServer.renderToString(); para enviar los datos.
¿Ha intentado declarar una función handleChange y luego establecerla en el atributo onChange?