ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • state
    WEB/REACT 2020. 7. 28. 01:11

    #State

    예전에 vue js를 잠깐 맛보기 했을 때

     data (){
        return {
        }
      }

    이런식으로 미리 데이터를 정의해두고 이용했던 부분이 있던것 같다.(vue js를 맛보기정도만 했고 대충했었어서 아닐수도 있다)

    state가 여기 data랑 같은 느낌이다.
    미리 이용한 데이터를 넣어두고 이용하는 느낌이다.
    조금 차이점은 리액트의 state의 경우가 조금 더 자바스크립트 적인 느낌이다.

    ###props vs state
    지난 시간에 props에 대해서 썼었는데 props와 state는 다르다.
    props는 jsx를 작성할 때 쓰는듯 하지만, state는 클래스를 작성할 때 가지게 되는 것이다.

    https://youtu.be/wkFGIV9RV2M
    해당 영상이 이해를 하는데 큰 도움을 주었다.

    생활 코딩에서는 props와 state의 차이를 다음과 같이 정의하고 있다.
    ####React는 컴포넌트를 외부에서 조작할 때는 props를 내부적으로 상태를 관리할 때는 state를 사용합니다.

    #State

    예전에 vue js를 잠깐 맛보기 했을 때

    ````javascript
    data (){
    return {
    }
    }
    ````
    이런식으로 미리 데이터를 정의해두고 이용했던 부분이 있던것 같다.(vue js를 맛보기정도만 했고 대충했었어서 아닐수도 있다)

    state가 여기 data랑 같은 느낌이다.
    미리 이용한 데이터를 넣어두고 이용하는 느낌이다.
    조금 차이점은 리액트의 state의 경우가 조금 더 자바스크립트 적인 느낌이다.

    ###props vs state
    지난 시간에 props에 대해서 썼었는데 props와 state는 다르다.
    props는 jsx를 작성할 때 쓰는듯 하지만, state는 클래스를 작성할 때 가지게 되는 것이다.

    https://youtu.be/wkFGIV9RV2M
    해당 영상이 이해를 하는데 큰 도움을 주었다.

    생활 코딩에서는 props와 state의 차이를 다음과 같이 정의하고 있다.
    ####**React는 컴포넌트를 외부에서 조작할 때는 props를 내부적으로 상태를 관리할 때는 state를 사용합니다.**

    'WEB > REACT' 카테고리의 다른 글

    nodebird-1일차  (0) 2020.09.09
    Hooks  (0) 2020.07.28
    Props  (0) 2020.07.23
    component  (0) 2020.07.23
    응 빤쓰런~  (0) 2019.10.04

    댓글

YEE