819得票23回答
如何修复使用useEffect React Hook时出现的缺失依赖警告

使用React 16.8.6(之前的版本16.8.3没有问题),在我试图防止一个fetch请求进入无限循环时,我会遇到这个错误:./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dep...

819得票19回答
useState的set方法不会立即反映出更改

我正在尝试学习Hooks,useState方法让我感到困惑。我正在以数组的形式为状态分配初始值。但是使用useState中的set方法对我来说不起作用,无论有无使用扩展语法。 我在另一台计算机上创建了一个API,我正在调用并获取我想要设置到状态中的数据。 这是我的代码: <di...

608得票23回答
React Hooks: 如果将一个空数组作为参数传递给useEffect(),它仍然会被调用两次。

我正在编写代码,以便在从数据库加载数据之前显示加载消息,然后在加载完成后使用加载的数据渲染组件。为了实现这一点,我同时使用了useState钩子和useEffect钩子。以下是代码: 问题是,当我使用console.log进行检查时,useEffect会触发两次。因此,代码会查询相同的数据两...

524得票18回答
如何在React的useEffect中仅调用一次加载函数

useEffect React钩子将在每次更改时运行传入的函数。这可以优化为仅在期望的属性更改时调用它。 如果我想从componentDidMount调用初始化函数而不在更改时再次调用它怎么办?假设我想要加载一个实体,但是加载函数不需要组件中的任何数据。我们如何使用useEffect钩子来实...

517得票18回答
React Hook警告:在useEffect中使用异步函数,useEffect函数必须返回一个清理函数或者什么都不返回。

我尝试使用以下类似的useEffect示例:useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); ...

428得票23回答
如何在React Hooks中使用componentWillMount()?

在React的官方文档中提到 - 如果您熟悉React的类生命周期方法,可以将useEffect Hook视为componentDidMount,componentDidUpdate和componentWillUnmount的组合。我的问题是 - 我们如何在钩子中使用componentWill...

392得票23回答
如何在React Hooks中使用`setState`回调函数

React hooks引入useState来设置组件状态。但是我该如何使用hooks来替换下面的回调函数:setState( { name: "Michael" }, () => console.log(this.state) ); 状态更新后我想做一些事情。 我知道我可以使用...

391得票17回答
如何在React Hooks的useEffect中比较oldValues和newValues?

假设我有3个输入:汇率、发送金额和接收金额。我将这3个输入放在useEffect差分参数上。规则如下: - 如果发送金额发生变化,则计算 `receiveAmount = sendAmount * rate` - 如果接收金额发生变化,则计算 `sendAmount = receiveAmo...

367得票8回答
React Hooks(useState)中的Push方法是什么?

如何在React hook中使用useState数组推入元素?这是React状态中的旧方法吗?还是有什么新的方法? 例如,setState push example?

340得票19回答
使React的useEffect钩子不在初始渲染时运行

根据文档: componentDidUpdate()在更新发生后立即调用。此方法不会在初始渲染时调用。 我们可以使用新的useEffect()钩子来模拟componentDidUpdate(),但似乎useEffect()会在每次渲染时运行,甚至是第一次渲染。怎样才能使它不在初始渲染时...