React Hooks

React Hooks

React Hooks 사용규칙 같은 Hook을 여러번 호출할 수 있다. export default function App(){ const [value1, setValue1] = useState() const [value2, setValue2] = useState() return { <div> <div>{value1}</div> <div>{value2}</div> </div> } } 함수 컴포넌트 몸통이아닌, 몸통 안 복합 실행문의 {}에서는 사용할 수 없다. javascript의 block scope는, block 외에서 사용할 수 없으므로 ( 지역변수이기 때문에 ) export default function App(){ return { <div> // 불가능 <div>{const [value, setvalue] = useState()}</div> </div> } } 비동기 함수(async 키워드가 붙은 함수)는 콜백함수로 사용할 수 없다. export default function...

#forwardRef #useRef #useReducer #useMemo #useLayoutEffect #useImperativeHandle #useEffect #useDebugValue #useContext #useCallback #ReactHooks #useState

원문링크 : React Hooks

 등록된 다른 글

CSS를 활용한 부드러운 스크롤 이동

이산 수학: 셈(순열과 조합) - 곱의 법칙과 합의 법

0.1 Web

0.1 Asynchronous JavaScript

0.2 Django

JS 알고리즘 6일차 - 검색 알고리즘

숨어있는 숫자의 덧셈 - 프로그래머스

Redux - ToDo(Vanilla JS)