controlled input value 타입 오류

숫자 입력 필드에 값을 입력할 수 없습니다. 버그를 찾으세요:

JSX

function PriceInput() {
  const [price, setPrice] = useState(null);

  return (
    <input
      type="text"
      value={price}
      onChange={(e) => setPrice(e.target.value)}
      placeholder="가격 입력"
    />
  );
}

답변

onChange에서 parseInt를 사용해야 함 value가 null이면 uncontrolled에서 controlled로 전환되어 경고 발생 type을 number로 해야 숫자를 입력할 수 있음 placeholder와 value를 동시에 쓸 수 없음

로그인 후 제출하기