onClick 안에 콜백함수를 안 써도 되는 경우가 있나요? 바로 생성해둔 함수 넣기 (React, JS)

Question

const clickShowHint = () => { setShowHint(!showHint); } return ( ...

{showHint&&

{state.hint}

}

위에서는 onClick안에 따로 생성해둔 함수를 넣어서 바로 실행이 됩니다.그래서 아래 정답확인 버튼도 기존 콜백함수도 굳이 익명함수로 한번 감싸서 만들어준 함수를 호출하는 것 같아 빼줬습니다. const [answerIn, setAnswerIn] = useState(''); ... { setAnswerIn(e.target.value) }}/> //기존 //변경그런데 버튼을 클릭하지도 않았는데 의도치 않은 타이밍때 계속 함수가 실행되더라고요.지금 리액트를 처음 배우는 중에 혼동이 돼서 계속 블로그 찾고있는데 정확한 케이스 찾기가 어려워서 이렇게 질문 남깁니다.선배님들의 고견 부탁드립니다😂+뭔가 answerIn변수를 state로 해둔 상태라 text input을 할 때 마다 렌더링되면서 함수가 실행되는 느낌인가 싶습니다.

강아지와 고양이 · Answer

input과 button을 form 안에 넣어보면 어떨까요.

onClick 안에 콜백함수를 안 써도 되는 경우가 있나요? 바로 생성해둔 함수 넣기 (React, JS)

1개의 답변

기술 목록