적용 코드
<UploadHeader
state={btnState}
onClick={() => {
handleSubmit();
}}
text="저장"
/>
JavaScript
복사
속성 | 설명 |
onClick | 버튼 클릭 이벤트 |
state | 컴포넌트 사용 페이지에서 disabled, able 컨트롤 |
text | 버튼 안에 들어갈 내용 |
컴포넌트 구현 코드
export default function UploadHeader({ onClick, state, text }) {
const navigate = useNavigate();
return (
<>
<HeaderWrap>
<Section>
<button
className="back"
onClick={() => {
navigate(-1);
}}
>
<img src={`/assets/icon/icon-arrow-left.png`} alt="" />
</button>
<CustomButton state={state} size="ms" onClick={onClick}>
{text}
</CustomButton>
</Section>
</HeaderWrap>
</>
);
}
UploadHeader.defaultProps = {
state: 'disabled',
};
JavaScript
복사
