Skip to content

Commit

Permalink
Update create-a-custom-react-hook-to-handle-form-fields.md (#763)
Browse files Browse the repository at this point in the history
Quick typo fix
  • Loading branch information
smokeyblues authored Aug 2, 2024
1 parent a77b0c9 commit c63dab4
Showing 1 changed file with 1 addition and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ Creating a custom hook is amazingly simple. In fact, we did this back when we cr

2. Our Hook takes the initial state of our form fields as an object and saves it as a state variable called `fields`. The initial state in our case is an object where the _keys_ are the ids of the form fields and the _values_ are what the user enters.

3. So our hook returns an array with `fields` and a callback function that sets the new state based on the event object. The callback function takes the event object and gets the form field id from `event.target.id` and the value from `event.target.value`. In the case of our form the elements, the `event.target.id` comes from the `controlId` that's set in the `Form.Group` element:
3. So our hook returns an array with `fields` and a callback function that sets the new state based on the event object. The callback function takes the event object and gets the form field id from `event.target.id` and the value from `event.target.value`. In the case of our form elements, the `event.target.id` comes from the `controlId` that's set in the `Form.Group` element:

```tsx
<Form.Group controlId="email">
Expand Down

0 comments on commit c63dab4

Please sign in to comment.