본문 바로가기
반응형

usehistory1

React 취소 버튼 컴포넌트 만들기 React는 반복 사용되는 컴포넌트를 만들어두고 어느 곳에서든 재사용 할 수 있다는 장점을 갖고 있습니다. 이번 포스팅에서는 프로젝트를 만들며 빈번하게 사용되는 취소 버튼을 컴포넌트로 만들고 이용하는 방법에 대해 적어보겠습니다. 1. CancelButton.jsx 만들기 import React from "react"; import { css } from "@emotion/css"; export default function CancelButton({cancelAction}) { return ( 취소 ); } 취소 버튼을 컴포넌트로 따로 제작해둡니다. index.jsx를 만들어 해당 컴포넌트를 빼주는 것도 잊지 마세요! 2. 취소 버튼에 동작 넣기 취소 버튼의 행동에는 여러가지가 있을 수 있습니다. 모달 .. 2021. 4. 24.
반응형