Frontend/TYPESCRIPT 4

TYPESCRIPT - props로 값 넘기는 방법 + RN ( .map)

부모 컴포넌트에 타입 지정해주기 interface data { id?: number; Title: string; Nickname: string; Time: string; } interface dataProps { dataList: data[]; } 부모 컴포넌트에서 선언한 타입을 쓸 수 있게 함수에 넣어주기 function Parents({dataList} : dataProps){ return ( {dataList.map((data, index)=>{ return } } ) } 자식 컴포넌트에도 타입 지정 해주기 interface dataProps { data: { id?: number; Title: string; Nickname: string; }; key: Number; } 자식 컴포넌트에서 넘어온 ..

Frontend/TYPESCRIPT 2022.07.06

TYPESCRIPT - defaultProps 사용법

import React from "react"; import styled from 'styled-components'; interface ButtonProps { text: boolean children: any _onClick: () => void margin: string width: string height: string padding: string active: boolean bg: string color: string br: string top: string left: string } //interface에다 프롭스의 타입을 전부 정의 해줘야 한다. const Button = ({ text, _onClick, children, margin, width, padding, height, active..

Frontend/TYPESCRIPT 2022.05.12