私が毎日使うフックを反応させてください.

このポストで、私は私が私のプロジェクトのために日常的に使うすべての反応フックをリストします.
ここにそれらのリストです.
USENTの

.

USEef

有効です.

Usedispatch.

usereducer.

useselector.

1 . USENT :

const[state,setstate] = useState(false);

反応のUSENTは反応成分の状態の世話をするために使用されます.
これは、1つのコンポーネントから別のコンポーネントへの小道具を転送するためのプロジェクト中に常に使用されます.
usestateには多くのユースケースがあります.
Useref

const node = useRef()
<div ref={node}></div>

userefはバニラJSのようにDOM要素を操作するために使用されます.
ADEADentListener による

queryselector
または、クラスクラスのコンポーネントのように、

は反応します.createref ()

userefがあります.現在の値を使用して、値のようなHTML属性を操作することができます.
USE効果

useEffect(()=>{
const getuser = async () => {
const res = await axios.get('api_url')
}
getuser()
},[])

UseEffectはCompononetDidmountに似ていますが、より簡単な方法です.
我々のバックエンドAPIからユーザデータをロードするとき、ページが初めてロードされるとき、私たちはuseEffectを使用することができます.
2番目の引数で空の括弧([])を使用することで、ページが読み込まれるときに1回だけGetUser関数を呼び出すように反応を指示します.
利用方法

const dispatch = useDispatch()

UseDispatchは、我々が我々のウェブサイトで中央の州管理のためにReduxを使用しているとき、行動を送るのに使用されます.
これは'反応Redux 'モジュールから来て、超便利です.
この前にMapDispatchToPropsを書いていますが、ディスパッチが置き換えられました.
ユーザ教育
usereducerは、コンテキストAPIを扱うときに使用されます.
USeelector

const selector = useSelector(state => state.reducer.variable)

USEelectorはReduxの中央状態の状態を取得するために使用されます.
useselectorフックで状態を簡単に操作できます.
useselectorが導入される前に、mapstatetopropsを使用する必要があります.
これらは私が毎日使用する反応フックのリストです.
あなたが使うより多くのフックがあるならば、コメントで共有して、私自身と仲間の開発者にそれについて知っていさせてください.
また、カスタムフックを自分で作成することができますし、アプリケーションで再利用することもできます.

読んでくれてありがとう!
私のポートフォリオをチェックしてください:Gautham's portfolio
私のブログをチェックしてください:coding-magnified.tech

その他

.

.