[15] state prev

849 ワード

prev


prevは、一時記憶領域の値を受け入れることによって動作を実行するツールである.
counterの例を参照してください.5を増やす場合は、次の式を作成します.
const [ count , setCount ] = useState(0)

const onClick = () => {
 	 setCount(count++)
	 setCount(count++)
  	 setCount(count++)
  	 setCount(count++)
  	 setCount(count++)
}
setCountによってcountが増加すると、値は再伝達され、伝播されます.
最初のsetCountのみを実行します.
ただし、prev一時記憶領域を使用すると
const [ count , setCount ] = useState(0)

const onClick = () => {
 	setCount((prev) => prev + 1);
    setCount((prev) => prev + 1);
    setCount((prev) => prev + 1);
    setCount((prev) => prev + 1);
    setCount((prev) => prev + 1);
}
これにより、一時記憶領域の各値が増加します.
クリックごとに5増加
すなわち、一時記憶領域の値がなければ、一時記憶領域から値を取り出す.
既定値が表示されます.
prevを使用すると、予想通りに論理を実行でき、コードの再構築にも役立ちます.