/Javascript/React/Javascript react useState update object

Javascript react useState update object

- 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

4 votes333 views1 answer
React propthpes or
Javascript React
4 votes388 views1 answer
React bind function to component
Javascript React
30 votes329 views6 answers
React if statement
Javascript React
18 votes352 views6 answers
Import svg as react component
Javascript React
133 votes560 views6 answers
Create react project
Javascript React
1 vote356 views1 answer
Input type number react native
Javascript React
24 votes373 views6 answers
Proptypes react
Javascript React
5 votes371 views1 answer
How to create a component in react native
Javascript React
0 vote358 views1 answer
How disabled react-select
Javascript React
0 vote384 views1 answer
Stateprovider.js react
Javascript React