问题标签 [react-16]

我在我的 CRA 反应应用程序中使用哨兵浏览器。我创建了一个错误边界组件，并使用它来捕获错误。

到目前为止一切顺利，我发现错误并成功将其记录到哨兵。

当我想传递用户信息或设置标签时，问题就来了；这些信息不会被传递，除非我在我的索引文件中设置它（但这样我就无权访问商店，因此无权访问当前用户信息）。

那么，我应该在哪里调用 Sentry.configureScope() 来设置这些信息？

编辑： 我意识到 sentry.configureScope() 实际上在我的记录器函数中工作正常。问题是我试图用 ErrorBoundary 包装 App，除非错误在启动时已经存在，否则它不会被解决。

现在，如果我想保持基本粒度，如何避免将每个组件都包装在 ErrorBoundary 中？

我的代码如下：

指数：

错误边界.JS

我有一段代码，

此 setstate 回调在渲染完成之前执行，因此在 dom 中没有表，因此会生成空的 pdf。

我试图删除回调函数并将它们写入 componentDidUpdate 并设置超时 0。但问题是这在某些情况下也失败了。

我正在尝试基于数组更新文本区域的值。从 textToEdit 值中，单击显示值按钮时，我试图提取 textToEdit 的每一行并更新视图，当调用使用效果时执行一些其他逻辑，然后再次调用 setstate 以更新视图，然后执行其他逻辑。

换句话说，将每一行追加到 textarea 并调用一个函数，然后追加另一行，调用一个函数，直到追加所有行。

这只是添加了一行。我究竟做错了什么？ https://codesandbox.io/s/react-usestate-hook-example-v59wc

我在设置从异步函数中使用“useState”钩子创建的状态时遇到问题。

我创建了一个代码笔来演示：https ://codepen.io/james-ohalloran/pen/ZdNwWQ

在上面的例子中，如果你点击“增加”，然后点击“减少”......你最终会得到 -1（我希望它是 0）。如果这是一个 React 类而不是函数组件，我会假设解决方案是bind(this)在函数上使用，但我没想到这会成为箭头函数的问题。

我有一个现有的项目，我使用了React 16.9. 现在，我想实现Gulp 4.0.1在服务器中构建它。我在 Windows 10 中运行。

在我的组件中，我正在使用import form

我尝试使用这个 gulpfile.js，它非常简单。

现在通过运行gulp命令它给了我这个错误：

假设我有一个简单的 React 无状态组件，如下所示：

根据我收到的 eslint 错误以及我对“const”如何工作的理解，我假设该组件不会呈现，因为函数“doStuff()”在初始化之前使用了函数“doubleNumber()”。但是，每当我使用这个组件时，它都会按预期呈现 - 为什么它不抛出异常？这是否意味着 React 组件中 'const' 变量的顺序可以是我们喜欢的任何顺序？

我将JavaScript文件中的颜色变量列表作为对象。

我基于scss具有 50 种颜色列表的文件创建了上面的目标文件。我使用了与 scss 变量相同的名称所以，我可以在我的 React 组件中使用 scss 变量。

我将这些颜色jsx从 color.js 文件导入到文件中。

我想使用该颜色变量来提供以下 div 的背景。我尝试了以下方式所以，我可以应用 scss 变量。但是，不工作。

代码：

我尝试了很多东西，但没有任何效果。任何帮助将不胜感激。（如果我可以在theme-color类内的 css (component.scss) 文件中使用该变量，那就太好了。如果没有，那就好了）。

我正在使用 react 16。任何帮助将不胜感激，如果有任何问题，请告诉我。

我是 React 新手，我正在尝试使用反应箭头功能实现一些错误验证，但一整天都没有运气。catch 有效，我可以打印错误，但我不知道如何将我在 errorsHandler() 中打印的错误链接到表单用于样式和警告的其他 const。

我试图创建一个 [errorState, setErrorState] 并在 errorsHandler 中使用 useEffect 但得到了 Invalid Hook。如何使 catch 内的句柄与表单处于相同的上下文中？

先感谢您

我创建了一个usePromiseReact Hook，它应该能够解析各种 javascript 承诺并返回每个结果和状态：数据、解析状态和错误。我能够让它在没有任何参数的情况下传递函数，但是当我尝试更改它以允许参数时，我得到一个无限循环。

您可以在以下位置检查工作代码（不带参数）：https ://codesandbox.io/s/react-typescript-fl13w

和错误（标签卡住，请注意）：https ://codesandbox.io/s/react-typescript-9ow82

注意：我想在不使用 NPM 或类似的 usePromise 单函数库的情况下找到解决方案

如何使用 React Hook 在 Provider 中发送 ref，ExampleRef.current 返回 null？应该返回一个 id 为 Example1 的 DOM 元素

创建上下文

这是提供者

使用提供者

如果添加 DIV，ExampleRef.current 返回正确的值，但我不想添加 DIV 与另一层