[React] onClick이 클릭 안 해도 움직일 때.

함수 정의const someFunction = () => (...) 이후
아래와 같이 button의 onClick에 쓴 것은 클릭하지 않아도 실행되는 것 같습니다.

<button onClick={someFunction}}>BUTTON</button>

그래서 각종 조사를 실시한 결과 온클릭에 함수를 전달해야 한다는 결과가 나왔다.
something.jsx

// 正しい
<button onClick={() => someFunction()}>BUTTON</button>

// 間違い（式 or 値を渡している）
<button onClick={someFunction}}>BUTTON</button>

결론

온클릭 줄 거.

○ 関数
X 式
X 値

.
함수를 전달한 후 해당 함수를 클릭합니다.
교부식, 값 후 화면을 읽을 때 공식, 값을 평가(집행)

이 문제에 관하여([React] onClick이 클릭 안 해도 움직일 때.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/eitches/articles/08526d58abd83b

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다