destructuring

Next.js

ES6 destructuring 문법 <props>

destructuring 문법 => 구조화된 배열이나 객체를 분해하는 방법 (부모 컴포넌트) import Child from "./Child"; export default function Home() { let item = "test" return ( ); } 보통 props를 전달하기 위해서, 부모는 자식함수 호출과 동시에 props를 보내주는 형식을 사용한다. (자식 컴포넌트 ) export default function Child(props){ return( {props.item} ) } 자식은 부모의 props를 받고 부모 객체에 접근할 수 있다. (자식 컴포넌트 ) export default function Child({item}){ return( {item} ) } 하지만, destructur..

TypeScript

rest parameter , spread operator, destructuring 타입지정

rest 파라미터 function 함수(...a:number[]){ console.log(a) } 함수(1,5,3,5,6,6) ... 키워드로 표현하며 파라미터의 개수를 예측하기 어려운 경우 사용 1. rest 파라미터는 일반 파라미터 뒤에만 올 수 있다. 2. rest 파라미터 자리에 넣은 값은 [ ] array 안에 모두 담겨있다. spread 오퍼레이터 let arr = [1,2,3]; let arr2 = [4,5]; let arr3 = [...arr, ...arr2]; console.log(arr3) ... 키워드로 rest 파라미터와 표현방식은 동일. 하지만 파라미터로 주는 값이 아니라, array나 object에 사용한다. 1. 위치는 상관없이 사용할 수 있다. 2. 괄호를 벗겨준다는 의미로 ..

www.seok.com
'destructuring' 태그의 글 목록