CodeYourFuture / CodeYourFuture/React-Module-Project
Feature Search State
- Ngôn ngữ chính
- JavaScript
- Star
- 1
- Fork
- 28
- Chỉ số merge pull request
- Không có pull request nào được merge trong 30 ngày
Mô tả
Storing the search input in a state
**Instructions:**
Implement the functionality to search for a customer name given the text typed into the customer name field.
In the `src/Search.js` file, declare a new state variable named `searchInput` with the corresponding setter function `setSearchInput` (hint: use the React function `useState`). The initial value of the `searchInput` variable can be an empty string. Add a `value` property to the `` tag that is set to the new `searchInput` state variable.
Create a new function `handleSearchInput` taking an `event` parameter. This function should use the `setSearchInput` function to update the state variable `searchInput` with what the user typed in the input field. Finally, add a `onChange` prop to the `` tag that is set to the function `handleSearchInput`. Use `console.log()` to output the value received in the `handleSearchInput` function.
**Hint:** Use `event.target.value` to get the input value.
**Test:**
- [ ] Given a searchInput
- [ ] When I type in the field
- [ ] Then the value is logged
Hướng dẫn đóng góp
Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này
Đánh giá
Issue này chưa được đánh giá.