IT 유용한 정보

[ react-native ] setState 응용

JooKit 주킷 2021. 1. 16. 20:59
목차 접기
728x90
반응형

setState 01

  • state를 정의하는 것은 초기화 하는 것.
  • state는 값을 직접 바꿔주면 안된다.
  • state 값을 변경해주는 작업을 해야 한다.
  • 쉽게 변경되면 안된다는 의미이다.
 changeState = () => {
    if ( !this.state.sampleBoolean )
    {
      this.setState({
        sampleText: 'Text Changeddddddd!!',
        sampleBoolean: true
      })  
    } else 
    {
      this.setState({
        sampleText: 'Hello World',
        sampleBoolean: false
      })
    }

  }
  • this.state 의 값을 변경해주면서 텍스트를 클릭할 때마다 이벤트를 걸어 글자를 변경해줄 수 있다.
728x90
반응형
LIST