/Javascript/React/React hooks with objects

React hooks with objects

- 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

-1 vote378 views1 answer
Timestamp to unix time react
Javascript React
99 votes415 views6 answers
How to install react router DOM
Javascript React
15 votes394 views2 answers
UseReducer() hook react
Javascript React
0 vote453 views2 answers
Combine p5 with react
Javascript React
1 vote392 views1 answer
React center a text
Javascript React
8 votes435 views3 answers
Icon shwoing a box react native vector icons
Javascript React
0 vote399 views1 answer
Scroll to a input on button click react native
Javascript React
1 vote385 views1 answer
Iconify react
Javascript React
0 vote423 views2 answers
Module not found: Error: Can't resolve 'crypto' react
Javascript React
2 votes372 views1 answer
Combining two styles react native
Javascript React