React Redux-2の使用(ユーザセレクタ、ユーザDispatch)


n/a.理由


redux storeからstateを取り出して書き込むには
stateにサポートを提供する関数などをファイルの下に添付する必要があります.
しかし、コードが長すぎて、うんざりしています.
その時はSelector Hookを使う方法がありました

使用方法


下端出口部分は予定通りです.
export default Cart
接続useSelectoruseDispatch
import { useSelector, useDispatch } from 'react-redux'
次に、関数で変数として宣言します.
ステータス変数名
変数名にもdispatchをスケール
function 함수( props ) {
 const state = useSelector( state => state )
 const dispatch = useDispatch()
 return(
   <div>
   state.reducer.map( ( item, index ) => {})
   <button onClick={() => {
   dispatch( { type: 'plus', payload: { id: item.id, 			quan: item.quan } } )
 	}}>증가</button>

   </div>
 )
}