问题标签 [react-hooks]

我无法弄清楚如何键入useState函数，因为它返回一个元组。本质上，我必须提供null初始值，email即假设我不能在这里使用空字符串。

然后我有setEmail更新这个状态值的功能，它将电子邮件作为字符串。

理想情况下，我想输入 my useState，因此如果可能的话，它希望电子邮件为字符串或 null。目前它只继承它null

函数返回以下错误，setEmail因为string函数参数不是null指定的有效类型useState()

我如何跳过useEffect钩子中的第一次运行。

我正在尝试编写自己的可重用 useEffect 挂钩函数useEffectOnce()以仅运行一次（在挂载和卸载时），但这似乎是不可能的。每次重新渲染后都会调用我的函数：https ://codesandbox.io/s/mjx452lvox

笔记：

• useEffectOnce() 中的 useEffect() 挂钩按预期工作
• useEffectOnce(() => {}, []);什么都没有改变

...然后大惊喜，与可重复使用的 useState 挂钩函数（！？）的行为相同：https ://codesandbox.io/s/2145m37xnr

useButton每次重新渲染后都会调用我的函数，并且何时是第一个独立的按钮单击。

在这个例子中，我有这个反应类：

问题是我是否可以为此添加 React 钩子。我知道 React-Hooks 是 React Class 风格的替代品。但是如果我想慢慢迁移到 React hooks 中，我可以在 Classes 中添加有用的 hooks 吗？

我想为反应钩子创建几个开源反应效果。例如，检查和更新用户代币余额的效果。

问题是：如何打包effect并创建一个模块，以便其他人使用？他们将如何导入和使用效果？

有什么最佳做法吗？

在开始一个新的 React 项目之前，我想确保有（或将会有）好的开发人员工具来支持它。

我喜欢 React 的一件事是用于 Google Chrome 的 React Developer 工具。它让我可以检查每个组件的内部状态。

问题： React Developer 工具是否显示 React 组件的钩子状态？

如果不是，我如何检查 React 组件之外的内部钩子状态（Aka 效果）？

我已经实现了一个自定义useFetch钩子，所以在我的应用程序中获取：

然后我突然想到......这将在整个应用程序中使用。它如何知道哪个数据/加载/错误属于哪个调用？当我useFetch第一次使用，然后在应用程序的其他地方紧随其后，React 是否会跟踪哪些内部状态变量属于哪个钩子调用？

然后我想也许我需要沿着 Redux 线做更多的事情，并在钩子的帮助下自己跟踪对自定义钩子的所有调用useReducer：

我是否需要像第二个示例中那样手动跟踪对useFetch自己的所有呼叫？还是 React 在其内部处理这个问题，而我只需要第一个示例？

我没有找到任何关于如何使用与 socket.io 的反应从快速服务器获取数据的示例。

现在我做这样的事情：Server.js

反应.js

运行底部附加的示例时出现以下错误：

到目前为止，我们习惯于 Flux 流，数据通过 props 进入组件。因此，您可以查看 Props 签名并了解组件要求是什么。

Hooks 是一个了不起的功能，但是当我们过渡到它们时，我发现它们为依赖项提供了另一个入口，这更难管理，因为您必须查看实际的组件代码才能看到它。

当然，我们只能在容器组件中使用 Hooks，但我觉得它们的一些主要卖点是它们能够减少嵌套和 HOC。

决定哪个组件应该使用钩子以及哪个应该使用渲染道具的最佳实践（当前）是什么？