React state

state를 업데이트 하는 방법

class component

this.setState({
// state 변경
})

// or
// 값이 여러개인경우

state = {
number:0;
fixedNumber: 0
}
const {number, fixedNumber} = this.state

this.setState({number: number + 1})

배열일 경우

state = {
users: [
  {id:1, username: 'wlgus'}
  {id:2, username: 'minji'}
  {id:3, username: 'sujin'}
 ]
}

this.setState({
users: [
 ...this.state.users,
  {id:4, username: 'suho'}
 ]
})

함수일 경우

this.setState의 인자로 함수를 넣는다.

this.setState((prevState, props) => {
return {
	// 업데이트 하고 싶은 내용
  }
})

props는 부모 컴포넌트가 설정,
state는 컴포넌트 내부에서 값 업데이트 가능