천천히 알아보는 코딩공부

[react] react Event (1) - onClick 본문

React/기초

[react] react Event (1) - onClick

고기고기물고기 2022. 8. 10. 18:10

 

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;

'React > 기초' 카테고리의 다른 글

[React] API 연동 - axios  (0) 2022.09.26
[react] Hooks - useState, useEffect  (0) 2022.09.05
[react] next.js 세팅하기  (0) 2022.08.02
[React] Webpack 이미지 불러오기  (0) 2022.07.06
[React] Webpack CSS 설정 추가하기  (0) 2022.07.05
Comments