/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

0 vote327 views1 answer
React get current date minus 7 days
Javascript React
0 vote316 views1 answer
Find 401 error and logout axios in react
Javascript React
5 votes319 views3 answers
How to open a new tab in react
Javascript React
0 vote306 views1 answer
Configure the Chrome debugger react
Javascript React
113 votes340 views4 answers
New create react app
Javascript React
20 votes296 views4 answers
Conditional Rendering in React js
Javascript React
33 votes309 views3 answers
React routes
Javascript React
0 vote335 views1 answer
Button size react native
Javascript React
-1 vote343 views1 answer
Component navigation without changin the url react router
Javascript React
1 vote302 views1 answer
Npm package for sorting in reactjs
Javascript React