Component State 본문
State : React 컴포넌트 내부 오브젝트중 하나
state 변경시 render 실행
state = {
greeting: `hello`,
movies : [
{
title :"matrix",
poster : "http://ticketimage.interpark.com/Movie/still_image/V16/V1601447p_s01.gif"
},
{
title : "Full Metal Jacket",
poster : "https://www.imagetoday.co.kr/images/event/event_201810_pop.jpg"
},
{
title : "Old Boy",
poster : "http://img2.sbs.co.kr/img/sbs_cms/PG/2015/09/04/PG39131527_w1280_h720.jpg"
},
{
title : "Star Wars",
poster : "http://ticketimage.interpark.com/Movie/still_image/V16/V1601447p_s01.gif"
}
]
}
componentDidMount(){
//기존 array 0 index 추가
this.setState({
movies: [
{
title : "Old Boy",
poster : "http://img2.sbs.co.kr/img/sbs_cms/PG/2015/09/04/PG39131527_w1280_h720.jpg"
},
...this.state.movies,
]
})
//기존 array last index 추가
this.setState({
movies: [
...this.state.movies,
{
title : "Old Boy",
poster : "http://img2.sbs.co.kr/img/sbs_cms/PG/2015/09/04/PG39131527_w1280_h720.jpg"
},
]
})
//기존 리스트 remove, 0 index 추가
this.setState({
movies: [
{
title : "Old Boy",
poster : "http://img2.sbs.co.kr/img/sbs_cms/PG/2015/09/04/PG39131527_w1280_h720.jpg"
},
]
})
}
'ReactJS' 카테고리의 다른 글
| Ajac in React, Fetch, promise (0) | 2018.11.03 |
|---|---|
| Component Life Cycle (0) | 2018.10.30 |
| 컴포넌트 , Props (0) | 2018.10.30 |
| ReactJS 설치 (0) | 2018.10.29 |
Comments