[React] 에러 : state is not a function

 

1. 문제상황

const {id, setId} = useState("");

const handlePassword = (e) => {
    setPw(e.target.value);
    const regex =
        /^(?=.*[a-zA-z])(?=.*[0-9])(?=.*[$`~!@$!%*#^?&\\(\\)\-_=+])(?!.*[^a-zA-z0-9$`~!@$!%*#^?&\\(\\)\-_=+]).{8,20}$/;
      if (regex.test(e.target.value)) {
        setPwValid(true);
      } else {
        setPwValid(false);
      }
  }

 

 

 

2. 해결

https://stackoverflow.com/questions/67920005/usestate-hook-giving-not-a-function-error

useState hook giving "not a function" error

 

const [id, setId] = useState("");

const handlePassword = (e) => {
    setPw(e.target.value);
    const regex =
        /^(?=.*[a-zA-z])(?=.*[0-9])(?=.*[$`~!@$!%*#^?&\\(\\)\-_=+])(?!.*[^a-zA-z0-9$`~!@$!%*#^?&\\(\\)\-_=+]).{8,20}$/;
      if (regex.test(e.target.value)) {
        setPwValid(true);
      } else {
        setPwValid(false);
      }
  }

선언 시 {id, setId} 가 아닌 [id, setId]로 선언해야한다.