React | State, Props

xedni·2일 전
0

React

목록 보기
6/6
post-thumbnail

리액트 컴포넌트에서 다루는 데이터는 props 와 state로 구성된다.
props는 직접 수정이 불가능 한 반면 state 는 컴포넌트 내부에서 선언하며 내부에서 값을 변경 할 수 있다.

1. state 선언

class Counter extends Component {
  constructor(props) {
    super(props);
    this.state = {
      name: '',
    }
  }
}
  • 클래스형에서는 다음과 같이 선언하여 state를 사용할 수 있다.

2. state 변경(setState)

: state는 변수를 변경하는 방법처럼 변경할 수 없고 그 내부 함수로만 변경이 가능하다.

  state = 'ash'
  • 이런 방법으론 변경이 되지 않는다.
this.setState({
  name: 'ash'
})
  • 이렇게 setState라고 하는 내장 함수를 이용해야만 수정이 가능하다.

3. state 불러오기

: state는 값으로 사용할 수 있다.

this.state.name
  • 이렇게 state를 직접 불러올 수 있다.

프롭스는 수정해야지

profile
Backend_Developer

0개의 댓글