ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 리액트 props와 state, 함수형 컴포넌트
    Computer Science/React 2019.02.23 18:33

    props와 state(동적데이터)

    props = 부모 컴포넌트가 자식 컴포넌트에게 주는 값.

    자식 컴포넌트에서는 props를 받아오기만 한다. 받아온 props를 직접 수정할 수 없다.

    반면에 state는 컴포넌트 내부에서 선언하며 내부에서 값을 변경할 수 있다.

    props 값은 name="react" 이런식으로 태그의 속성을 설정해 주는 것 처럼,

    this. 키워드를 통하여 조회할 수 있다.

    정의할 때 class fields 문법을 사용한다.

    setState

    state에 있는 값을 바꾸기 위해서는 this.setState를 무조건 거쳐아한다.

    리액트에서는, 이 함수가 호출되면 컴포넌트가 리렌더링 되도록 설계되어 있다.

    setState는 객체로 전달되는 값만 업데이트를 해준다.

    이벤트 설정

    렌더링 함수에서는 이벤트를 설정 할 때 메소드를 호출 하면 안된다.

    이벤트이름 설정 할 때 camelCase로 설정한다.(Ex) onclick -> onClick, onmousedown -> onMouseDown

    이벤트에 전달해주는 값은 함수여야 한다.

    함수형 컴포넌트

    state와 LifeCycle이 빠져있다. (정적 데이터 즉 그냥 보여주기로 적합)


    댓글 0