React 1

cjfals3154·2022년 2월 25일
0

React

목록 보기
1/2

React State

  • 계속해서 변화하는 특정 상태를 말하며
    상태에 따라서 각기 다른 동작을 실행한다.
    useState 사용
const [count, setcount] = use state(0)
      상태의값  상태변화함수            초기값

useEffect는?

  • 두개의 매개 변수를 갖는다.

  • 컴포넌트가 리랜더링 될 때마다 특정 작업을 실행시킨다.

  • 기본형태는 useEffect(F, deps) 즉 수행하고 하는 작업과 배열 안에서 검사 하고자 하는 특정값 과 배열

    1. mount (처음 나타날 때)
      -컴포넌트가 화면에 가장 처음 리랜더링 되고 딱 한번만 사용하고 싶을 때 deps의 위치에 빈배열
      -생략시 리랜더 될 때마다 실행 됌
    1. update(props, state가 바뀔 때)
      -특정 값이 업데이트 될 때 deps 위치 배열안에 검사하고 싶은 값을 넣어준다.
    1. unmount(사라질 때)
      -두번 째 파라미터로 빈 배열 넣기(cleanup)

React Props

  • 부모가 되는 컴포넌트에서 자식이 되는 컴포넌트한테
    이름을 지정해서 값을 내려주는 것
    전달 받은 자식 컴포넌트는 매개변수(parameter)를
    통해서 props를 받아서 사용한다.
  • 객체를 만들어서 스프레드 연산자(Spread Opertor)
    를 통해 데이터를 펼쳐서 전달가능

  1. 리액트의 State는 본인이 관리하고 갖고 있는 상태가 바뀔 때 마다 리랜더 됌
  2. 나에게 내려오는 Props가 바뀔 때 마다 리랜더 됌
  3. 나에게 직접적으로 내려오지 않아도 나의 부모가 리랜더 되면 나 또한 같이 리랜더 됌
profile
쉬운 일이었다면 나에게까지 오지 않았을 것

0개의 댓글