[React] Styled-components+TypeScript Props 전달 시 부모 컴포넌트에서 에러가 발생할 경우
TypeScript와 Styled-components를 같이 사용하면서 아래와 같이 props 스타일을 지정해주었다. (styles.button.ts) export interface ButtonProps { size: string; } export const PrimaryButton = styled(StyledButton)` width: ${props => `${props.size === 'block' ? '100%' : 'auto'}`}; `; (Login.tsx) const Login = ({ size }: ButtonProps) => { // ... Login } 그런데 자꾸 부모 컴포넌트에서 에러가 발생했다. (App.tsx) Property 'size' is missing in type '{}'..
React
2022. 10. 7. 09:04