기본 헤더(더보기) BasicHeade

태그

Molecules

개발자

지현 김

적용 코드

<BasicHeader onClick={handleClick}></BasicHeader>
JavaScript
복사

속성	설명
onClick	더보기 버튼 이벤트 함수

컴포넌트 구현 코드

export default function BasicHeader({ onClick }) {
  const navigate = useNavigate();

  return (
    <>
      <HeaderWrap>
        <Section>
          <button
            onClick={() => {
              navigate(-1);
            }}
          >
            <img src={`/assets/icon/icon-arrow-left.png`} alt="" />
          </button>
          <button onClick={onClick}>
            <img src={`/assets/icon/icon-more-vertical.png`} alt="" />
          </button>
        </Section>
      </HeaderWrap>
    </>
  );
}
JavaScript
복사