useEffect() Hook

stockee une valeur en utilistant localStarage

StoreValue()

        import React, { useState, useEffect } from 'react'
        export default function StoreValue() {
        
            //store value in local storage
            const [storeValue, setStoreValue] = useState(window.localStorage.getItem('storeValue'))
            useEffect(() => {
                const getVal = window.localStorage.getItem('storeValue')
                if (getVal) {
                    setStoreValue(parseFloat(getVal))
                }
            }, [])
            useEffect(() => {
                window.localStorage.setItem('storeValue', storeValue.toString())
            }, [storeValue])
            const increment = () => {
                setStoreValue(storeValue + 1)
            }
            const decrement = () => {
                setStoreValue(storeValue - 1)
            }
            const reset = () => {
                setStoreValue(0)
            }
        
            return (
                <div>
                    <h1>Store value in local storage</h1>
                    <h3>{storeValue}</h3>
                    <div>
                        <button onClick={decrement}>Decrement</button>
                        <button onClick={increment}>Increment</button>
                        <button onClick={reset}>Reset</button>
                    </div>
                </div>
            )
        }