React_props를 넘길때 on~ / localstorage

리액트에서 prop으로 넘길때에는

function handleItemClick() {

}

handleItemClick을 onItemClick으로 바꿔준다

<Item onItemClick={handleItemClick}>

localstorage

브라우저 데이터 저장
간단한 데이터 저장이 필요할 때 쓰인다.
-7일까지 저장가능

localstorage.setItem('item',nextItem);
const [item,setItem] = React.useState=(localstorage.getItem('item'));

*로컬스토리지에서는 벨류를 저장할때 스트링값으로 저장한다.

number값으로 저장하고 싶을때

- Number(localstorage.getItem("counter"));

number값을 쓰지않기 위해서는
script안에

  const jsonLocalStorage = {
      setItem: (key, value) => {
        localStorage.setItem(key, JSON.stringify(value));
      },
      getItem: (key) => {
        return JSON.parse(localStorage.getItem(key));
      },
    };