React Redux-2の使用(ユーザセレクタ、ユーザDispatch)
n/a.理由
redux storeからstateを取り出して書き込むには
stateにサポートを提供する関数などをファイルの下に添付する必要があります.
しかし、コードが長すぎて、うんざりしています.
その時はSelector Hookを使う方法がありました
使用方法
下端出口部分は予定通りです.export default Cart
接続useSelector
、useDispatch
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>
)
}
Reference
この問題について(React Redux-2の使用(ユーザセレクタ、ユーザDispatch)), 我々は、より多くの情報をここで見つけました
https://velog.io/@rkql1109/React-Redux-사용해보기-2-useSelector-useDispatch
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
下端出口部分は予定通りです.
export default Cart
接続useSelector
、useDispatch
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>
)
}
Reference
この問題について(React Redux-2の使用(ユーザセレクタ、ユーザDispatch)), 我々は、より多くの情報をここで見つけました https://velog.io/@rkql1109/React-Redux-사용해보기-2-useSelector-useDispatchテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol