Breaking News: Grepper is joining You.com. Read the official announcement!

react input value set state on change

Dev Arman answered on January 5, 2022 Popularity 10/10 Helpfulness 4/10

answer react input value set state on change

related react: create form change state on input

react input value set state on change

Comment

// Get all input value by onKeyUp event using one function
const [student, setStudent] = useState({});
const setStudentValue = (e) => {
        let set = {};
        set[e.target.name] = _.trim(e.target.value);
        setStudent({
            ...student,
            ...set
        });
    }
// <input type="text" name="firstName" onKeyUp={setStudentValue} />

// set data
// {firstName: ""} - output

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: input javascript set state

Link to this answer
Share Copy Link

Contributed on Jan 05 2022

Dev Arman

0 Answers Avg Quality 2/10

Closely Related Answers

react: create form change state on input

Comment

import { useState } from 'react';

const CityNameInput = () => {
    const [cityName, setCityName] = useState('Seattle');

    const renameCity = (changeEvent) => {
        console.log('Details about the element that fired the event:', changeEvent.target);
        console.log('The value of that element:', changeEvent.target.value);
        setCityName(changeEvent.target.value);
    };

    return (
        <section>
            <h2>{cityName}</h2>
            <input type="text" value={cityName} onChange={renameCity} />
        </section>
    );
};

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: learn-2.galvanize.com

Tags: input javascript javascrip

Link to this answer
Share Copy Link