CODEWITHSUNDEEP
javascripthtmlreactjs
SOHAM HAZRA
SOHAM HAZRA

Reputation: 5

why my "onChange" function is not performing?

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>
    )
}

I want to console out the changes of the input field, but "onChange" function is not performing accordingly. I have used document.getElementById("updateCont").innerHTML=ReactDOMServer.renderToString(); to send the data.

Upvotes: 0

Views: 105

Answers (1)

Valeria Daffarra
Valeria Daffarra

Reputation: 21

Have you tried to declare a handleChange function and then set it to the onChange attribute?

Upvotes: 1

Related Questions