[React] input의 useState를 하나로 통합해서 관리할 때 에러

  const [inputs, setInputs] = useState({
    title: "하나둘",
    subTitle: "",
  });
  const { title, subTitle } = inputs;

  const onChange = (e) => {
    const { value, title } = e.target;
    setInputs({
      ...inputs,
      [title]: value,
    });
  };

이렇게 해서 여러가지 input을 통합으로 관리하고 아래 onChange로 수정을 하려고 했는데

이런식으로 오류가 나는 것이었다!!

 

이부분은 원래 

      <input name="title" value={title} onChange={onChange} />

이렇게 쓰던 부분에서 

value를 defaultValue로 바꿔주면 에러가 뜨지 않고 사용가능하다. 

처음에 당황했는데 

생각보다 쉬운문제라서 다행이다 !