[강의에서 배운 것]
자바스크립트 구조 분해 할당.
props 위에서 아래로
컴포넌트 나누는 것은 딱 정해져 있는 것은 아니다.
[ 더 나아가서 찾아 본 것 ]
1. Props
- props는 순수함수처럼 동작해야한다. -> 값을 변경하면 안된다. 라는 말일까나
- 순수함수? 항상 동일한 입력에 대한 동일한 결과.
- 읽기전용이다.
2. 구조 분해 할당
구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.
- 표현식은 하나의 값으로 도달하는 그런거 아니였어?
let a, b, rest;
[a, b] = [10, 20];
console.log(a);
// Expected output: 10
console.log(b);
// Expected output: 20
[a, b, ...rest] = [10, 20, 30, 40, 50];
console.log(rest);
// Expected output: Array [30, 40, 50]
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
구조 분해 할당 - JavaScript | MDN
구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.
developer.mozilla.org
[ 궁금한 점 ]
- 표현식은.. 하나의 값으로만 도달해야하는것 아니었나.. 그럼 jsx 안에서도 그냥 쓸수 있는건가?
반응형
'개발 > TIL' 카테고리의 다른 글
[오늘개발] jsx 코드 변환, React.createElement() (0) | 2023.08.31 |
---|---|
[오늘개발] 리액트 컴포지션(합성), 래퍼컴포넌트, props.children (0) | 2023.08.30 |
[오늘개발] 리액트 css 적용, 자바스크립트 표현식, props (0) | 2023.08.28 |
[오늘개발] 리액트 컴포넌트 규약, JSX (0) | 2023.08.18 |
[오늘개발] 리액트 기초 다지기 JSX , babel, 인터프리터 언어 (0) | 2023.08.17 |