반응 - 후크!

안녕하세요 리액트 커뮤니티입니다! 오늘 저는 REACT에 대한 지식을 공유하려고 왔습니다! 제목에서도 말했듯이 오늘은 후크에 대해 이야기해볼게요! 그러나 그들이 연결하는 유일한 것은 사람이 아니라 데이터라는 사실을 두려워하지 마십시오! 🤣

후크 후크 만세!

강력한 도구임에도 불구하고 삶의 모든 것이 훅에 걸리기 때문에 다음과 같은 규칙이 있습니다.

구성 요소 내에서만 호출할 수 있습니다.

조건부일 수 없습니다.

후크에는 여러 유형이 있습니다.

useState

유즈메모

useEffect

useCallback

useContext

나는 우리가 그들과 함께 할 가능성을 설명할 캐릭터가 부족할 것이므로 당신을 "매료"시키는 예를 드리겠습니다. 이해가 되십니까?

클래식 클릭 카운터:

import React, { useState } from 'react';

function Example() {

  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

추가 참고 사항:

버전 16.8에서 후크가 React에 추가되었습니다.

일반적으로 클래스 구성 요소를 교체하면 Hook이 작동하지 않습니다!

후크를 사용할 수 있도록 반응 가져오기에 후크를 포함해야 합니다!
'react'에서 React, {Hook} 가져오기;

인터넷의 좋은 사람들은 후크가 코드를 개선할 수 있는 강력한 도구라고 믿습니다! 당신의 의견을 알고 싶습니다! 다음 포스팅에서 만나요! 안녕! 🥰😍😍