codestates / codestates/Lollin-client

[Error handling] 검색창 엔터 입력과 검색 버튼 클릭 실행

Open
#33 0 comments 0 reactions 0 assignees View on GitHub
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.