codestates / codestates/Subllet

[ERR] call two functions within onchange event

Open
#128 0 comments 0 reactions 1 assignee Claimed by @BassistHeo View on GitHub
ERR
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.