React Hooks: 생각보다 쉽습니다.

때로는 새로운 것을 배우는 것이 압도적이고 지루할 수 있습니다. 그러나 React Hooks 의 경우는 그렇지 않습니다 . Hooks 를 배우는 데 시간을 들인 적이 없고 주로 클래스 기반 d 구성 요소를 사용하는 사람이라면 시도해 볼 시간입니다.

React 를 처음 배웠을 때 저는 클래스 기반 구성 요소 만 사용 했습니다. 그러나 Blass 기반 구성 요소를 활용하는 방법을 아는 것은 좋지만 "구식"입니다. 업계는 기능 기반 구성 요소 를 사용하는 경로를 따라가고 있으며 앞으로도 계속될 것 입니다.

후크 는 함수 내부에서 클래스 수명 주기 메서드와 상태 를 사용하는 방법으로 만들어졌습니다 . 이것은 기본적 으로 일반적으로 클래스 기반 구성 요소 의 필요성을 제거합니다 .

이것을 증명하는 가장 쉬운 방법 은 클래스 기반 구성 요소 에서 상태 를 보는 것입니다 .

살펴봐야 할 4가지 주요 내용은 다음과 같습니다.

• 상태 는 에 의해 초기화됩니다 state: {}.
• This에서 함수와 변수를 타겟팅 키워드 클래스 .
• 클래스 기반 구성 요소 this에서 키워드 오류를 방지하기 위해 화살표 함수가 필요 합니다.
• setState()State 의 모든 변경 사항에 대해 .

가장 먼저 주목해야 할 것은 Class 가 없다는 것입니다 .

그 직후 두 번째는 State 를 초기화하는 방법입니다 .

이것을 간단한 용어로 분해해보자:

• term당신의 것입니다 국가는 현재 어떤 주어진 순간에있다. 대신 쓰는 this.state.term그냥 것이다 term.
• setTerm본질적 setState으로 더 사용자 정의된 이름을 제외하고 있습니다. 그것은 당신이 이름을 지정할 이름을 선택할 수 있습니다 정확히 동일하게 작동합니다.
• useState훅이다. 목적은 State 의 특정 키 가 같아야 하는 값을 초기화하는 것 입니다. 문자열을 사용하기 때문에 빈 문자열을 초기화합니다.