如何将值导出到另一个常量

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>
  );
}