~~~ constructor(props) { super(props) // 第一，state 要在構造函數中定義 this.state = { count: 0 } } ~~~ ~~~ // // 不可變值（函數式編程，純函數） - 數組 // const list5Copy = this.state.list5.slice() // list5Copy.splice(2, 0, 'a') // 中間插入/刪除 // this.setState({ // list1: this.state.list1.concat(100), // 追加 // list2: [...this.state.list2, 100], // 追加 // list3: this.state.list3.slice(0, 3), // 截取 // list4: this.state.list4.filter(item => item > 100), // 篩選 // list5: list5Copy // 其他操作 // }) // // 注意，不能直接對 this.state.list 進行 push pop splice 等，這樣違反不可變值 // // 不可變值 - 對象 // this.setState({ // obj1: Object.assign({}, this.state.obj1, {a: 100}), // obj2: {...this.state.obj2, a: 100} // }) // // 注意，不能直接對 this.state.obj 進行屬性設置，這樣違反不可變值 ~~~