问题标签 [react-functional-component]

我不知道为什么，但是当我运行我的 React 应用程序时，我看到了以下警告：

我很困惑，因为我没有使用这种生命周期方法。相反，我在我的代码中使用了 useEffect、useMemo 和 useState 挂钩。我希望我有办法摆脱这个警告。

该方法被无限调用，直到堆栈已满。程序失败。我是功能组件的新手。我究竟做错了什么？

在我见过的大多数反应示例中，人们似乎避免将代码直接放入功能组件的主体中，而是将其包装到useEffect(() => {...}). 例如在官方文档中：

为什么这比简单地写更好：

在这两种情况下，文档标题都将在每个渲染上设置。（我相信useEffect()代码是在渲染之后执行的，但这在这个例子中似乎不相关，对吧）

我理解useEffect()if 的价值：

• 状态作为第二个参数传递，因此代码不会在每次渲染时执行，而是针对指定的状态更改执行。
• 我们利用了清理机制。

But without that? Is there still a reason to wrap your code into useEffect()?

我正在学习 TypeScript，有些地方让我感到困惑。一点如下：

对于上面的两个功能组件，我看到 TypeScript 生成了相同的 JS 代码。就可读性而言，该PrintName2组件对我来说似乎更加精简。我想知道这两个定义有什么区别，是否有人使用第二种类型的 React 组件？

我一直试图弄清楚为什么这在输出中不可见，很可能与反应的异步性质有关，这很好。但是需要做什么才能显示内容呢？

描述栏是空白的！

https://codesandbox.io/embed/vibrant-field-700k2?fontsize=14&hidenavigation=1&theme=dark

有一个带有主数据的用户表：

任何解释和/或修复？特别是如何在这里使用 React.useEffect() ？

我为音乐/艺术家创建了一个反应项目。

我正在使用 React 上下文跨组件访问艺术家数据：

我可以成功地从艺术家上下文对象中获取数据，也可以执行 de addArtists 方法，但是我传递给函数的艺术家没有保存，变量仍然返回默认值。

我在组件中的用法：

如果我在 addArtist 方法中登录，我可以看到艺术家对象是有效的，但是如果我再次登录艺术家数组，它具有初始值。

我尝试了不同的方法和语法，例如带状态的类组件、带 useState 的功能组件……所以我猜我的语法是正确的，但我缺少一些关于 React 的关键概念。这是我第一个使用 React 的项目，所以我可能遗漏了一些东西，但即使在阅读了上下文文档之后我也无法弄清楚。

以下组件有什么问题？它抛出一个错误，而具有生命周期方法的原始基于类的版本工作正常？

React Hook React.useEffect 缺少依赖项：'params.id'。要么包含它，要么移除依赖数组 react-hooks/exhaustive-deps。我项目中的很多地方都出现了这个错误。

图像样本

我正在使用 Codesandbox 来学习 React。我正在尝试有条件地在函数内部（基于类的组件内部）呈现功能性 React 组件，当单击按钮时会触发该组件。

这是 Codesandbox 的链接：https ://codesandbox.io/embed/laughing-butterfly-mtjrq?fontsize=14&hidenavigation=1&theme=dark

我遇到的问题是，如果没有在 App.js 中导入和呈现错误和膳食，我永远无法从 Booking 组件中获取任何一个组件来呈现。在这里的函数中：

我应该呈现错误，如果没有输入名称但没有任何反应并且我被难住了，它应该会在点击时显示在屏幕上。

有什么明显的东西会阻止我看到错误组件在点击时加载吗？

先感谢您！

我正在尝试创建一个动态输入表单，用户可以在其中添加新输入。

问题

组件在更新时未呈现，State但是当我打开Model存在于使用 aState打开/关闭它的同一组件中的 a 时，数组中的所有推送元素一次显示。

我没有编写代码Modal以便更容易阅读代码

我的代码

JSX