[React] 이벤트 처리하기 - 콜백함수 정의

버튼 클릭했을 때 콜백함수 정의하는거 그거임

 

https://legacy.reactjs.org/docs/events.html

SyntheticEvent – React

이거슨 리액트의 이벤트를 모아놓은 것

 

 

버튼을 만들고 마우스 클릭이벤트 연결 ㄱㄱ

콜백함수는 리액트에서 표기법이 다양하기 때문에 간단한 방법으로 하면 됨

 

 

    import AnimalShow from "./AnimapShow";
    function App(){
        const num = 0; 
        const handleClick = () =>{
            console.log("handleClick!")
        }
        return (
            <div>
                <button onClick={()=>console.log("hello!")}>Add animal</button>
            </div>
        );
    }
    export default App;

onClick ={functionName} 해도 되고 아님 즉석으로 콜백함수를 작성해도 되는데

표기방법이 조낸 특이하므로 알아두도록 하자