codestates / codestates/Subllet
[ERR] call two functions within onchange event
- Dominant language
- JavaScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
### 어떤 에러인가요?
- onChange 이벤트 안에 두개 이상의 함수가 들어가면 작동을 하지 않음.
### 에러 메시지
- 없음,
### 에러 핸들링 방법
- 처음에는 아래와 같이 onChange안에 두개의 함수를 직접 넣어서 순차적으로 실행되게 하였다
```js
onChange={()=>{
handleInputValue("password")
equalPassword(}}
```
이를 해결하기 위해 usEffect를 사용했고, userInfo의 상태가 변할때만다 callback함수가 실행되어 validPassword, equal Password 함수가 실행된다. 비밀번호와 아이디, 닉네임 유효성검사 함수와 중복확인 등의 http요청을 useEffect의 콜백함수로 담으면 상태가 변화할때마다 실행되어지게 된다.
```js
useEffect(() => {
validPassword(userInfo.password);
equalPassword(userInfo.password, userInfo.passwordCheck);
// console.log(userInfo);
}, [userInfo]);
```
### 에러 핸들링을 위해 참고한 레퍼런스 링크
없음. 수많은 삽질과 고민
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.