小编Wat*_*all的帖子

Google recaptcha 无法读取 null 的属性“样式”

当表单验证失败时,我需要重置验证码,否则我似乎无法再次提交表单。但是,当调用重置时,我收到错误“无法读取 null 的属性‘样式’”

import ReCAPTCHA from "react-google-recaptcha";

const MyComponent = () => {
  const recaptchaRef = React.useRef();
  const onSubmit = async (data) => {
     const token = await recaptchaRef.current.executeAsync();
    try {
      const response = await axios.post(
        `${process.env.NEXT_PUBLIC_API_ENDPOINT}/tour`,
        {
          firstName: data.firstName,
          lastName: data.lastName,
          token: token,
        }
      );
      if (response.status === 201) {
        router.push("../thank-you");
      }
    } catch (err) {
      recaptchaRef.current.reset();
      setError(err.response.data);
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

reactjs react-google-recaptcha

6
推荐指数
0
解决办法
1074
查看次数

Next.js 将 www 重定向到非 www

我一直在尝试通过谷歌搜索找到一个可行的解决方案,但找不到任何可靠的东西。我在 Vercel 上托管我的 Next.js 应用程序。

当我运行 seo 检查时,它会抱怨我在 www 和非 www 上都可以使用该网站,并说我应该选择一个并让它重定向,所以在我的情况下,如果有人输入www.example.com我更喜欢它左边www。

由于我没有可以执行此操作的 htaccess 文件,我该怎么做?

不确定这是否重要,但我使用 WordPress 作为我的后端,又名:Headless Wordpress

next.js vercel

6
推荐指数
1
解决办法
6586
查看次数

如何使用 swr 发送标头

我正在尝试使用SWR和 Axios发送标头,但没有发送标头。

 const fetcher = (url) =>
    axios
      .get(url, { headers: { Authorization: "Bearer " + auth.token } })
      .then((res) => res.data);
  const { data, error } = useSWR(
    `http://localhost:8000/api/v1/users/get-avatar`,
    fetcher
  );
  if (error) console.log(error);
  if (data) console.log(data);
Run Code Online (Sandbox Code Playgroud)

使用 SWR 发送标头的正确方法是什么?

reactjs swr

0
推荐指数
1
解决办法
2398
查看次数

标签 统计

reactjs ×2

next.js ×1

react-google-recaptcha ×1

swr ×1

vercel ×1