/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

0 vote124 views1 answer
React hook form password validation uppercase
Javascript React
1 vote120 views2 answers
React toastify
Javascript React
6 votes136 views4 answers
Autocomplete react vscode
Javascript React
0 vote135 views1 answer
Limit values that satisy a url parameter react-router
Javascript React
0 vote127 views1 answer
React native custom debounce input
Javascript React
0 vote134 views2 answers
Get location from brwoser react
Javascript React
31 votes129 views1 answer
React router dom IndexRedirect
Javascript React
105 votes136 views1 answer
Install and run react js project...
Javascript React
0 vote149 views2 answers
React addon update
Javascript React
8 votes135 views3 answers
Shadown reAct native
Javascript React