小编vis*_*zky的帖子

在 Axios 拦截器下捕获 400 和 500 的哨兵

使用 Axios 拦截器通过显示错误弹出窗口以通用方式处理 400 和 500。通常,当由于 JS 错误而渲染自定义 _error.js 页面时,会触发 Sentry 调用。如何在sentry中记录API调用错误?

sentry next.js

9
推荐指数
1
解决办法
7454
查看次数

接下来JS如何根据IP地址重定向用户?

我目前正在 app.get('/anyPath') 中使用express和此方法来确定客户端的IP地址。

var ip = req.headers['x-real-ip'] || req.connection.remoteAddress
    if (ip.substr(0, 7) == "::ffff:") {
      ip = ip.substr(7)
      console.log(ip)
    }
Run Code Online (Sandbox Code Playgroud)

有不同的方法吗?我发现自己在所有 app.get() 调用中重复上述代码行以匹配页面的不同路径。

node.js express reactjs next.js

5
推荐指数
1
解决办法
1万
查看次数

useEffect 之外的 React API 调用

我很想知道在生命周期/useEffectAPI之外发出请求是否是进行调用的有效方法?

https://stackblitz.com/edit/react-useeffect-button有两个功能组件,父组件进行调用API并将数据传递给child component,最初指定从端点获取数据的限制为2,父组件组件有一个LoadMore函数,该函数作为 aprop与数据一起传递到child component.

使用react-slick slider来显示图像,child component然后使用“加载”按钮将调用父组件内的onClick函数,然后进行 API 调用并将 API 中的新数据附加到旧数据中。LoadMore加载按钮会将一张图像附加到现有图像中。

这是发出 API 请求的好方法还是应该只在生命周期方法中完成?

javascript reactjs

4
推荐指数
1
解决办法
5252
查看次数

React 隐形 reCAPTCHA

我正在使用react-google-recaptcha来实现不可见的ReCaptcha,将引用传递给ReCAPTCHA组件并this._reCaptchaRef.current.execute()在componentDidMount内部执行。https://stackblitz.com/edit/react-invisbile-recaptcha展示了使用 reCaptcha 的表单。

传递给验证码组件的 onChange 回调会将验证码的值设置为状态。初始渲染验证码值设置为状态,一切似乎都工作正常,单击提交按钮,状态值将打印到控制台上。

几秒钟后,如果我们点击提交并查看控制台,验证码的值为空。我尝试比较传递给 onChange 的值,如果它为 null,我会调用,但当 this._reCaptchaRef.current.execute()值为 null 时会出现问题,我们调用该函数,但第一个 on submit,验证码的值为 null,每次点击都会有状态中的值,直到变为 null。

如何调用提交按钮的验证码并将验证码的值传递给回调函数?

javascript reactjs invisible-recaptcha

3
推荐指数
1
解决办法
1万
查看次数