CodeYourFuture / CodeYourFuture/React-Module-Project

Feature Search State

Đang mở
#17 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
🐂 Size Medium 📅 Week 3 🧩 Feature
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á.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.