배열에 대해 CRUD 시에는 배열의 내부 값을 변경하면 안되고, 새로운 배열을 만들어야 한다. 아래 참조하자.
아래처럼 map 을 이용해서 compoent 배열을 만든 후 그걸 렌더한다. render() { const {bookList} = this.props const bookListArrayDiv = bookList.map( info => ( ) ) return ( {bookListArrayDiv} ) } 값을 추가/삭제할때는 아래처럼 concat 처럼 새로운 배열 만드는 함수 사용하고, 삭제시에는 filter 를 이용한다. this.setState({ bookList: bookList.concat({ id: this.id++, ...data }) })...
#
array
#
concat
#
filter
#
map
#
react
원문 링크 : react - 배열만큼 component 생성 및 CRUD
