목록데이터시각화-KMG/Styled-Component (7)
안녕하세요
1. styled.p 다음에 로 타입을 지정합니다. ? 속성은 fontSize "property가 존재할 경우에" 를 의미합니다. const ParagraphComponent = styled.p` 2. props가 없을 경우에는 "16px"을 default 값으로 설정합니다. font-size: ${(props) => props.fontSize || "16px"}; 3. 타입을 지정해줍니다. interface ParagraphProps { children: React.ReactNode; fontSize?: string; // fontSize 속성을 선택적으로 설정 } 4. fontSize property의 값에 입력한 props를 할당하도록 합니다. const Paragraph: React.FC = ({..
1. 타입을 지정하고 const AttachmentButton: React.FC = 2. 프롭스를 매개변수로 넣고 const AttachmentButton: React.FC = ({ children, onChange }) => { 3. 매개변수를 이용할 위치를 정하고 const AttachmentButton: React.FC = ({ children, onChange }) => { return ( {children} ); }; 4. 속성을 주면 된다 대화 추가하기 import React from "react"; import styled from "styled-components"; import RadiusButton from "../atoms/Button"; const Label = styled.labe..
보호되어 있는 글입니다.