소개하다.

리액션ရဲ 갈고리 특징ဟာဆိုရင် 반응နောက်ပိုင်းမှာမှ စပြီးပါလာတဲ့ 특징.ဖြစ်ပါတယ်။ အဓိကရည်ရွယ်ချက်ကတော့ 클래스 구성 요소တွေမရေးတော့ပဲ 기능 구성 요소တွေမှာ 프레젠테이션တွေကို ထိန်းကြောင်းနိုင်ဖို့ပဲဖြစ်ပါတယ်။

React의 useState는 무엇입니까?

useState갈고리ဟာဆိုရင် 리액션မှာ အသုံးပြု့တဲ့ 갈고리တွေထဲကမှ အခြေခံကျဆုံးတစ်ခုလို့ဆိုနိုင်ပါတယ်။useState갈고리ဆိုတာဘာလဲလို့ လွယ်ကူအောင်ပြောရလျှင် javascript 함수လို့မှတ်ထားပြီး 기능 구성 요소တွေမှာ 구성 부분ရဲ့ 프레젠테이션ကိုထိန်းချုပ်ဖို့သုံးတယ်လို့ဆိုရမှာပဲဖြစ်ပါတယ်။

어떻게 사용합니까?

useState갈고리ကိုသုံးမယ်ဆိုရင်တော့ ပထမဆုံးအနေနဲ့ useState ကို react도서관ကနေ 수입하다လုပ်ရပါမယ်။

import { useState } from 'react';

ပြီးတော့မှ ကိုယ်အသုံးချချင်တဲ့ 기능 구성 요소ထဲမှာ အောက်ပါ 구문အတိုင်းအသုံးပြု့ရမှာပဲ ဖြစ်ပါတယ်။

const [state, setState] = useState(initialState);

အဓိကကတော့ useState갈고리ဟာဆိုရင် 가치관နှစ်ခုကို 되돌아오다ပြန်ပေးပါတယ်။

ပထမတစ်ခုက 프레젠테이션ရဲ့ 가치관ပါ (ပထမဆုံးအကြိမ်မှာတို့ကိုယ်သတ်မှတ်လိုက်တဲ့ initialState ထဲကတန်ဖိုးရှိနေမှာပါ)

ဒုတိယတစ်ခု့ကတော့ 프레젠테이션ကို 업데이트လုပ်ပေးနိုင်တဲ့ 기능ပါ။
အဲဒီတော့ ကျနော်တို့က 프레젠테이션ရဲ့ 가치관ကိုလိုချင်ရင် ပထမ 매개변수(state)ကိုသုံးပြီးတော့၊ 프레젠테이션ကို 업데이트လုပ်ချင်ရင်တော့ ဒုတိ့ယ 매개변수(setState)ကို 함수 호출လုပ်ပြီး 업데이트လုပ်လေ့ရှိပါတယ်။

프롬프트 및 규칙

state နဲ့ setState 변수ကို ကိုယ်ကြိုက်တဲ့ နာမည်ပေးလို့ရတယ်ဆိုပေမဲ့ အများသုံးတဲ့ 통치하다အတိုင်းလိုက်နာတာက ပိုပြီးတော့ 스탠더드ကျပါတယ်။
ဥပမာ။ ။ 반소자အတွက် useState ကိုသုံးတဲနေရာမှာ

const [counterValue, updateCounter] = useState(၀);

အဲလိုမျိုးပေးမဲ့ အစား

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

ဆိုပြီးပေးသင့်ပါတယ်။ ဒါမှသာ နောက်တစ်ချိန် တစ်နေနေရာကနေ count 가치ကို ခေါ်သုံးတာနဲ့ 업데이트လုပ်လို့ရတဲ့ 함수명က setCount ဆိုပြီးတန်းသိ့မှာဖြစ်ပါတယ်။

useState갈고리ကိုသုံးတဲ့နေရာမှာ၊ 프레젠테이션ရဲ့ 데이터 형식ဟာ ကိုယ်လိုချင်တဲ့ javascript 데이터 형식သတ်မှတ်လို့ရပါတယ်။
ဥပမာ

const [count, setCount] = useState(၀); // number
const [items, setItems] = useState([]); // array
const [itemName, setItemName] = useState(""); // string

useState갈고리ဟာဆိုရင် 로컬 컴포넌트အသေးစားတွေအတွက် အတော်အသုံးဝင်ပါတယ်။ ဒါပေမဲ့ ကိုယ်အနေနဲ့ 더 큰 논리 컴포넌트တွေအတွက်ဆိုရင်တော့ တစ်ခြား 국가관리대학တွေကိုအသုံးပြု့ရမှာဖြစ်ပါတယ်။ ဥပမာ Redux , Flux စတာတွေကို အသုံးပြု့နိုင်ပါတယ်။

예제 기본 구조(카운터 응용 프로그램)

import React, { useState } from 'react';

function Counter() {
  // Declare a new state variable, which we'll call "count"
  const [count, setCount] = useState(0);

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

Counter App Example ကို demo အနေနဲ့ကြည့်ချင်တယ်ဆိုရင်တော့ ဒီလင့် မှာသွားကြည့်လို့ရပါတယ်။
반응 갈고리တွေအကြာင်းဖတ်ချင်တယ်ဆိုရင်တော့ ဒီလင့် မှာသွားဖတ်လို့ရပါတယ်။



အားလုံးကိုကျေးဇူးတင်ပါတယ်။
ဆက်လက်ကြိုးစားပါအုံးမည်။
A.Y.H