개발하는 루루언니

function App() { const play = (userChoice)=>{ console.log("선택됨",userChoice) } play("scissors")}>가위 play("rock")}>바위 play("paper")}>보 ✔ onClick을 했을때 play("scissors") 만 해버리면 어떠한 현상이 일어냐면 => 클릭을 하지 않았는데도 실행이 된다 Why? 리액트는 UI를 그려줄때 함수가 있으면 바로 실행을 해버리는 경향이(?) 있기 때문에 함수안에 매개변수를 넣어줄땐? 앞에 콜백함수 () => 를 넣어줘야 제대로 정상 작동이 된다.

OnClick 에 함수 대입하기 💜 '함수'를 온클릭에 대입해서 쓰기 function 함수 (){ --내용 -- } onClick= { 함수 } -------------------------------------------- 또는 바로 기재 하기 onClick={ ()=>{ --- 내용--- }} = > 화살표 함수