[react] react Event (1) - onClick

 

click 이벤트입니다.

 

해당 function 은 body에 toggle-sidebar라는 classname을 추가해주거나 삭제해줍니다.

 

function Header() {

  const handleClick = event => {

    document.body.classList.toggle('toggle-sidebar')

  };

	return (
	...
	<div>
      		<i className= "bi bi-list toggle-sidebar-btn" onClick={handleClick} ></i>
    	</div>
    ...
	);
}

export default Header;