Feature Search onSubmit
还没有人认领这个 Issue。
评估
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 新手友好度
- 55/100
- Issue 类型
- 功能
- 描述清晰度
- 描述清楚
- 活跃度
- 停滞
- 技术栈
- javascript
- 领域
- frontend
调研方向
从
组件开始，检查现有的 searchInput state、 标签以及从 传入的 search prop。添加 issue 中描述的提交处理，然后验证提交已输入的内容时会将其值传递给 search，并且不会触发浏览器的隐式提交。由索引模型根据 Issue 内容生成。
描述
18. Triggering search when submitting the form
Depends on #17
Instructions:
Still in the <Search /> component, add a onSubmit handler to the <form> tag. When the form is submitted (try clicking the search button), get the value of the state searchInput and pass it as a parameter to the search prop function that has been provided for you (the search prop is passed from the <Bookings /> component).
Note: Your submit handler should take an event parameter and add the line event.preventDefault() to prevent the browser from implicitly submitting the form
Test:
Given a searchInput field with input values entered
When the form is submitted
Then the value of searchInput is passed as a parameter to search
- 主要语言
- JavaScript
- 星标
- 1
- 派生
- 28
- PR 合并指标
- 30 天内没有已合并 PR
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
CodeYourFuture/React-Module-Project 的其他 Issue
-
♟️ Dependent ticket 🏕 Priority Mandatory 🐇 Size Small 📅 Week 3 📅 Week 4
难度 2/5 1-3 小时 新手友好度 65/100
-
🏕 Priority Mandatory 🐂 Size Medium 📅 Week 4 🧩 Feature
难度 2/5 1-3 小时 新手友好度 65/100
-
🐂 Size Medium 📅 Week 3 🧩 Feature
难度 2/5 1-3 小时 新手友好度 65/100
-
🏝️ Priority Stretch 🐂 Size Medium 📅 Week 2 🧩 Feature
难度 2/5 1-3 小时 新手友好度 65/100
-
🏕 Priority Mandatory 🐇 Size Small 📅 Week 2 🧩 Feature
难度 1/5 1 小时以内 新手友好度 68/100
查看 CodeYourFuture/React-Module-Project 的全部 Issue
相似的 Issue
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 70/100
georgestephanis/p2026#40 ·
-
难度 2/5 1-3 小时 新手友好度 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·