Styled Component를 활용하여 App.js 파일에서 ConfirmButton
에 Button
컴포넌트의 스타일을 상속받고 hover
스타일을 추가해주세요.
// App.js
import React from 'react';
function App() {
return <ConfirmButton>확인</ConfirmButton>;
};
export default App;
// Button.js
import styled from 'styled-components';
const Button = styled.button`
background-color: #343a46;
width: 140px;
color: #ffffff;
padding: 16px;
cursor: pointer;
`;
export default Button;
// hover css
button:hover {
opacity: 0.8;
}