로컬스토리지에 입력값 저장하기

결과

내용

• 글쓰기폼에 내용을 입력하고 게시버튼을 클릭하면 로컬스토리지로 해당 내용이 저장된다

코드

const [userValues, setUserValues] = useState({
    userName: '',
    userPw: '',
    userTitle: '',
    userContent: '',
  }); //글쓰기에서의 input 값을 담을 state

  const { userName, userPw, userTitle, userContent } = userValues;

  const handleChange = e => {
    const { value, name } = e.target;

    setUserValues({
      ...userValues,
      [name]: value,
    });
  };

  const saveData = () => {
    window.localStorage.setItem('userName', JSON.stringify(userValues));
  };

return(
  <button onClick={saveData}> 게시 </button>