[React]ES6를 통한 props 정의(비구조 할당)

import React from 'react';

const VideoListItem = ({video}) => {

return (

<li>

</li>

)

}

export default VideoListItem;

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

import React from 'react';

const VideoListItem = (props) => {

const video = props.video;

return (

<li>

</li>

)

}

export default VideoListItem;

위와 아래가 같다.

props자리에 저런식으로 props의 속성을 입력하면

const video= props.video를 정의하는 것과 같아짐