codestates / codestates/Lollin-client
[Error handling] 검색창 엔터 입력과 검색 버튼 클릭 실행
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
---
**어떤 에러인가요?**
검색창 -> 엔터입력 or 검색 버튼 클릭 시 같은 동작 구현
onKeyPress 이벤트로 searchText와 searchValue 두개의 state관리를 시도하였지만 실패했다.
**에러 핸들링 방법**
onKeyPress와 onKeyDown 이벤트로 각각의 state를 관리해주고
최종 목표동작을 가진 함수를 실행하여 실행 성공
* 핸들링 방법에 대해서 간단하게 기록해 보세요!.
```
const [searchText, setSearchText] = useState("");
const [searchValue, setSearchValue] = useState("");
const handleSearchValue = (e) => {
setSearchValue(e.target.value);
};
console.log(searchValue);
const handleSearchBtn = () => {
setSearchText(searchValue);
};
const handleSearchText = (e) => {
if (e.key === "Enter") {
handleSearchBtn();
}
};
```
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.