你如何鍵入一個作為道具傳遞給組件的 useState 鈎子，typescript + react

Question

我有兩個組件和

現在我將一個 useState 掛鈎從 Admin 組件傳遞到 Login 組件作為 setAuth 道具

在我的管理組件中：

const Admin = () => {
  const [auth, setAuth] = useState(false);

  <Login setAuth={setAuth} />
}

我的登錄組件：

const Login = ({ setAuth }) => {
  //and then logic to set auth based on db auth from firebase
  setAuth(true)
}

如何正確鍵入作為組件傳遞給組件的 setState 掛鈎？

Answer 1

interface ISetAuth {
  setAuth: Dispatch<SetStateAction<boolean>>;
}

const Login = ({ setAuth }: ISetAuth) => {
  //whatever code
}