리액트 찍어먹기
리액트 useState
useState 선언
function App(){
let [name, setName] = useState('park')
}- setName을 사용하면 name이라는 state를 자유롭게 변경가능하다.
- ex) setName('lee') = useState('lee')로 변경
- setName 같은 state 변경함수 들은 비동기적으로 처리됨. (setName()이 오래걸리면 다른 코드부터 실행)
리액트 이펙트(useEffect)
- 컴포넌트가 렌더링 될 떄 특정 작업을 실행할 수 있도록 하는 hook
- 배열의 형태로, 특정한 값이 변경될 때 effect함수를 실행 하고 싶을 경우 배열 안에 그 값을 넣어준다.
- 빈 배열을 입력할 경우 컴포넌트가 mount 될 때에만 실행 된다.
- 대괄호 안에 state를 넣으면 state가 변경되면 코드를 실행한다는 뜻이다.
리액트 이펙트(useEffect)선언
import react, { useEffect } from "react";
useEffect(함수, [, 배열]);
useEffect((함수) => {
}, [배열])여전히 리액트 컴포넌트 props,state,effect에 대해 잘 이해가 가지는 않지만, 계속 반복적으로 코드를 쳐보며 익숙해지고,
이해해봐야겠다.
리액트 찍어먹기
리액트 useState
useState 선언
function App(){
let [name, setName] = useState('park')
}- setName을 사용하면 name이라는 state를 자유롭게 변경가능하다.
- ex) setName('lee') = useState('lee')로 변경
- setName 같은 state 변경함수 들은 비동기적으로 처리됨. (setName()이 오래걸리면 다른 코드부터 실행)
리액트 이펙트(useEffect)
- 컴포넌트가 렌더링 될 떄 특정 작업을 실행할 수 있도록 하는 hook
- 배열의 형태로, 특정한 값이 변경될 때 effect함수를 실행 하고 싶을 경우 배열 안에 그 값을 넣어준다.
- 빈 배열을 입력할 경우 컴포넌트가 mount 될 때에만 실행 된다.
- 대괄호 안에 state를 넣으면 state가 변경되면 코드를 실행한다는 뜻이다.
리액트 이펙트(useEffect)선언
import react, { useEffect } from "react";
useEffect(함수, [, 배열]);
useEffect((함수) => {
}, [배열])여전히 리액트 컴포넌트 props,state,effect에 대해 잘 이해가 가지는 않지만, 계속 반복적으로 코드를 쳐보며 익숙해지고,
이해해봐야겠다.
