/Javascript/React/Update object in react hooks

Update object in react hooks

- Through Input

        const [state, setState] = useState({ fName: "", lName: "" });
        const handleChange = e => {
            const { name, value } = e.target;
            setState(prevState => ({
                ...prevState,
                [name]: value
            }));
        };

        <input
            value={state.fName}
            type="text"
            onChange={handleChange}
            name="fName"
        />
        <input
            value={state.lName}
            type="text"
            onChange={handleChange}
            name="lName"
        />
   ***************************

 - Through onSubmit or button click
    
        setState(prevState => ({
            ...prevState,
            fName: 'your updated value here'
         }));

Source: stackoverflow.com

Similar codes

5 votes132 views1 answer
Create react app deployment heroku
Javascript React
0 vote144 views2 answers
React js big calendar
Javascript React
0 vote142 views1 answer
Log errors react
Javascript React
0 vote131 views1 answer
Center child components in react
Javascript React
0 vote141 views1 answer
React native scrollview in modal
Javascript React
15 votes132 views2 answers
React native get location
Javascript React
18 votes135 views3 answers
How to hide header in react navigation
Javascript React
1 vote135 views1 answer
What is react easy emoji
Javascript React
11 votes131 views5 answers
React router refresh page
Javascript React
2 votes133 views1 answer
How to import lodash in react
Javascript React