问题标签 [react-functional-component]

我正在尝试将数组状态用于 React 功能组件。

这是我尝试过的代码。

这是我尝试过的，但显示错误 React Hook React.useEffect has missing dependencies: 'inputLabel' and 'labelWidth'

寻求 React 专家的帮助。谢谢！

我有两个具有相同组件的 js 文件，调用相同的函数，但内容不同。所以基本上，当单击打开模块 A 按钮时，该功能将打开，FileA 将打开。按钮 B 也是如此。我怎样才能重写这两个组件，或者至少重写我的函数，以便这两个组件在调用同一个函数时不会受到影响？

这是 FileA.js

这是 FileB.js

然后是我的主要组件：

在这个GitHub 问题中，我基本上建议更改：

至：

两者是相同的，但useRefReact 不会比较依赖关系。

对此有一个问题的答复：

有没有一种情况，无依赖的 useMemo 或 useCallback 会比 useRef 更好？

我想不出一个，但我可能忽略了一些用例。

那么有人能想到这种情况吗？

我有一个调用特定状态的函数，但有一条半相同的行。这是我的功能；

它非常混乱，我只是希望它没有拥堵。

这是我的状态：

有什么办法可以解决这类问题？

我正在尝试以表单的形式加载从 API 获得的一些数据，但我的状态挂钩似乎做错了什么。

在下面的代码中，我使用挂钩来定义员工和员工 ID。之后，我尝试使用useEffect类组件来模仿 componentDidMount 函数。

进入这里后，我检查 url 中是否有参数，并使用setEmployeeId(props.match.params.employeeId).

问题是，我的状态值没有更新，我的整个流程崩溃了。

请记住，我宁愿为此使用函数组件。

对于我正在构建的组件，我正在递归地循环其子组件React.Children.map，以对其道具进行修改。基本结构是这样的：

的孩子Main将通过修改他们的道具recursivelyModifyChildProps，他们的孩子将修改他们的道具等。我想这样做，除非子组件是组件的实例Main，在这种情况下，它应该不加修改地返回。目前我正在通过 执行此child.type.name操作，这确实有效。然而，我相信这个实现很容易出错，因为每个人都可以称他们的组件为“Main”。什么是最好的（或至少更好的）方法来确定一个组件是一个实例，一个特定的（功能性）组件，还是它本身的一个实例？

（我正在使用 React 16.11.0 和 Enzyme 3.10）

我有一个 React.js 无状态功能组件

我正在尝试使用像 Product.spec.js 这样的 Enzyme Shallow 进行测试

但是当测试运行时，酶会抛出这个错误：

如果我像这样重写 Product.js 它工作正常，所以想知道为什么

我使用这个包将信用卡添加到我的应用程序中，当在功能组件中使用它时，你将如何访问示例中的引用？

这是他们显示更新值的方式：

我不知道如何在功能组件中访问它？

这是我编辑卡片的组件，我想将当前值添加到输入中。

我有一个需要将处理程序函数向下传递给子组件的功能组件（用 Typescript 编写）。这是父函数的缩小版本：

在 VS Code 中，搜索组件显示错误：

键入'{ handleLocationChange: () => void; }' 不可分配给类型 'IntrinsicAttributes & { children?: ReactNode; }'。类型“IntrinsicAttributes & { children?: ReactNode;”上不存在属性“handleLocationChange” }'.ts(2322)

任何帮助将非常感激。我确定我错过了一些小东西。

我有一个自定义模态组件：

我想在中使用closeModal()，axios instance所以每次axios得到响应时，我都想关闭 axios 文件本身中的模态，而不是在我的所有组件中，

假设我的 axios 实例是这样的：

可以这样做吗？