如何將值導出到另一個常量

Question

我正在使用 react-google-recaptcha 生成不可見的 ReCaptcha，我需要在另一個 const 中使用該令牌。

令牌生成正確，但我不知道如何將其傳遞到另一個位置。 我該怎么做？

   const onTextSubmit = async () => {
        let recaptchaToken;
        if (recaptchaLoaded) {
          recaptchaToken = await recaptcha.current.execute();
        }
        
        // How to export recaptchaToken?
      };

我需要獲取 recaptchaToken 並在此處使用它：

  const onSubmit: SubmitHandler<FormInput> = (data) => {
    formCreateMutation.mutate({
      data,
      recaptchaToken,
    });
  };

這兩個 const 在同一個文件中，我正在使用 react 來做到這一點。

謝謝！！

Answer 1

您沒有發布組件中的所有代碼，但您可以將 recaptchaToken 值存儲在 react state 中，如下所示：

export default function App() {
  const [recaptchaToken, setRecaptchaToken] = useState(undefined);

  const onTextSubmit = async () => {
    if (recaptchaLoaded) {
      const value = await recaptcha.current.execute();
      setRecaptchaToken(value);
    }
    
    // How to export recaptchaToken?
  };

  const onSubmit: SubmitHandler<FormInput> = (data) => {
    if (recaptchaToken) {
      formCreateMutation.mutate({
        data,
        recaptchaToken,
      });
    }
  };

  return (
    <div className="App">
      <h1>{recaptchaToken}</h1>
    </div>
  );
}