How Can I create a Handle an input object with React hooks

Question

I have problem in my input object how can I change the onChage function this is my input code



<Form.Group as={Col} controlId="formGridResultat">
                                                            <Form.Label>Result</Form.Label>
                                                            <Form.Control required as="select"
                                                                type="text"
                                                                id="conduexam.id"
                                                                name="conduexam.id"
                                                                value={currentStates. conduexam?.nom}
                                                                className={"bg-white text-dark"}
                                                                onChange={handleInputChange}>

                                                                <option value="">Choisir un Resultat </option>
                                                                {result.map((value) => (
                                                                    <option value={value.id} key={value.id}>
                                                                        {value.nom}
                                                                    </option>
                                                                ))}

                                                            </Form.Control>

                                                        </Form.Group>

The function “onChange” how can I change it?


const handleInputChange = event => {
        const { name, value } = event.target;
        setCurrentStates({ ...currentStates, [name]: value });
    };

"how can I change it?" ... change it how? What are you trying to accomplish? — machineghost
– machineghost, Commented Apr 6, 2021 at 1:36

Alamin · Accepted Answer · 2021-04-06 01:41:45Z

1

Try this:

const [currentStates, setCurrentStates]= useState({
//your initial code here
})

const handleInputChange = event => {
        console.log(event.target.value)
        setCurrentStates({ ...currentStates, [name]: event.target.value});
   };

answered Apr 6, 2021 at 1:41

Alamin

2,1862 gold badges18 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Lili lillas Over a year ago

Can’t work🥲it make me a error with the [name]

Alamin Over a year ago

You need to check your value inside the form

Collectives™ on Stack Overflow

How Can I create a Handle an input object with React hooks

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related