如何让useEffect对道具的反应跟ComponentDidUpdate一样快？

文章/答案/技术大牛

发布

1回答

javascript、react-native、react-hooks

)： constructor(props) { } useEffect</e

浏览 3提问于2019-07-31得票数 1

回答已采纳

3回答

在哪里使API命中ComonentDidMount或在ComonentDidUpdate [React.JS]中

javascript、reactjs、ecmascript-6

在一次面试中，一位面试官问我，在一个简单的应用程序中，你应该在哪里进行API点击？意思是in which life-cycle method在Class-Component中。我知道答案是ComponentDidMount --因为它是第一个生命周期方法，在这里我们得到了完整的呈现，即dom现在已经准备好了！然后他问，但为什么不在comonentDidUpdate？现在，我告诉他我在某个地方读到的东西，我不知道这个问题的确切答案--除非ComponentDidMount先运行，所以要做到这一点。现在，有人能告诉我我的回答

浏览 1提问于2020-11-20得票数 1

回答已采纳

2回答

用componentDidUpdate取代useEffect

reactjs

我正在将基于类的组件中的生命周期方法替换为useEffect钩子，因为我对函数组件感兴趣。我不确定我是否正确地使用了useEffect。我们不能在useEffect中指向以前的状态或道具，我如何处理这些与useEffect 假设我们有名为src的道具，我想检查一下这个src是否改变了，如果没有，就会有一些逻辑。componentDidUpdate(prevProp

浏览 5提问于2020-06-30得票数 3

回答已采纳

2回答

在React父组件和子组件中，useEffect的正确执行顺序是什么？

reactjs、use-effect

例如，如果我有组件A和B，而组件B是组件A的子元素： <B />在A里面我们有： console.log('Parent A useEffect')在B里面我们有： console.log('Child B useEffect')我做了一些测试，我看到了两件事：在第一个加载时

浏览 4提问于2019-10-12得票数 27

回答已采纳

2回答

响应userReducer init函数不触发道具更新

reactjs、state、reducers

我有一个组件，它是我用来在数据库中创建记录的表单。我还希望能够将填充表单的组件值传递到该组件中，从而允许我更新现有的数据库记录。从同一组件中直接添加/编辑功能。下面的代码应该解释我是如何做到这一点的。media支柱是一个包含数据的对象。我已经在父元素中有了这些数据，所以在这里设置值是很好的，并且它们没有问题地通过。但是，一旦加载了页面，useReducer的第三个useReducer参数永远不会重新触发，因此我的状态不能被media支柱中传递

浏览 0提问于2019-04-11得票数 2

回答已采纳

3回答

如何在使用useEffect时正确地清除history.push？

javascript、reactjs、react-redux

我是使用redux和重定向用户的基础上的道具价值。如何处理控制台中产生的错误？ if (isAuthenticated) { } else if (signup) {history.push(&qu

浏览 0提问于2020-01-27得票数 4

3回答

为什么多重反应-呈现折页画编辑，我如何修复它？

reactjs、react-leaflet、leaflet.draw

，但我现在的印象是，这个问题不在我的代码中，而是在一个或多个库中，但我不知道如何着手修复它，我感到有点困惑，因为这不是一个已知的问题。问题：所发生的</

浏览 0提问于2018-09-08得票数 2

3回答

何时为什么要useEffect

javascript、reactjs、react-hooks

这似乎是一个奇怪的问题，但我并没有真正看到useEffect的许多用例在React中(我目前正在开发几千行React代码基，而且从未使用过它一次)，而且我认为可能有一些东西我没有完全掌握。如果您正在编写一个功能组件，那么将您的“效果”代码放在一个useEffect钩子中与简单地在该功能组件的主体中执行它有什么不同(在每次呈现时也会执行它)？典型的用例是在挂载组件时获取数据:我看到了两种方法，一种是使用useEffect，另一种是没有： /&#

浏览 7提问于2020-01-26得票数 5

回答已采纳

1回答

这个闭包如何让componentDidUpdate的行为像useEffect一样？

javascript、reactjs

我读了丹·阿布拉莫夫的文章：，在“每个渲染都有自己的…”一节这里有两个例子，首先是这样使用useEffect： const [count, setCount] = useState(0); setTimeout(() => { console.log(`但是，像这样简单地修改componentDidUpdate将使组件的</

浏览 0提问于2020-12-02得票数 3

3回答

在使用SSR时，初始化反应组件状态的最佳方法是什么？

reactjs、react-props、server-side-rendering、react-state-management

我正在构建一个表，其中的状态需要在某个地方初始化，哪些数据最终通过fetch更新。我的问题是，表需要在服务器端呈现，因此在挂载组件之前，需要在服务器上呈现数据，因此我不能使用componentDidMount。我可以使用支持来呈现render()方法中的表内嵌，但是如果表不依赖于通过支持接收数据，而是通过调用api，那么以后如何更新数据呢？我的结论是，我必须使用状态，但是用道具初始化状态似乎是一个大问题，不，所以我陷入了困境。关于在不违反规则的情况下初始化化合物<em

浏览 0提问于2019-02-21得票数 0

3回答

如何在挂载上运行引用带有空依赖数组的道具的useEffect？

javascript、reactjs、react-redux、react-hooks

我只想让useEffect在组件挂载上运行一个函数，但是函数引用道具和反应给出了一个关于将道具添加到依赖数组中的警告--但是如果我这样做，那么它将不再只在组件挂载上运行。this.props.history.push('/') this.props.dispatchPageFunction({ page: 'this_page' })}useEffect</e

浏览 0提问于2019-07-21得票数 0

回答已采纳

10回答

componentWillReceiveProps，componentDidUpdate用于反应钩

javascript、reactjs、react-hooks

我遇到了两个挑战：，当使用React时，componentDidUpdate有对应的，您必须使用它， React.useEffect(() => { => { }

浏览 8提问于2019-02-23得票数 66

1回答

如何测试shouldComponentUpdate方法？

javascript、reactjs、testing、enzyme、sinon

我想测试一下这个方法，shouldComponentUpdate，但是我编写的测试没有捕捉到副作用。我该怎么测试这个？ expect(shouldComponentUpdate).to.have.property("callCount// AssertionError: expected [Function: proxy] to have a prop

浏览 0提问于2019-08-24得票数 0

2回答

在useEffect中，不提供依赖数组和提供空依赖数组有什么区别？

reactjs、react-hooks、use-effect

我估计useEffect钩子是在每次渲染之后运行的，如果提供了一个空的依赖数组： performSideEffect();但是这和下面的有什么不同呢useEffect(() => {}); 注意末尾缺少[]。linter插件不会抛出警告。

浏览 10提问于2019-10-27得票数 83

回答已采纳

8回答

在react.js中加载DOM时回调

reactjs

当react.js组件的DOM元素(包括所有子节点)实际加载到页面上并准备就绪时，我希望在它上调用回调。具体来说，我有两个组件，我想呈现相同的大小，选择最大的哪个组件有较大的自然大小。看起来componentDidMount并不是我真正想要的，因为它每个组件只调用一次，但是我希望在组件完成呈现时再次调用回调。

浏览 7提问于2014-09-26得票数 102

回答已采纳

3回答

useEffect导致它调用该方法以获得过多次posts。我只想在查询更改时获得这些帖子。

javascript、reactjs、redux、use-effect、reddit

我只想知道当我的状态发生变化时如何调用一个方法(也就是我的查询)。我使用react中的useEffect来完成它，但是每当组件中有任何变化时，它都会调用它，这会导致它调用该方法以多次获得posts。import React, { useEffect, useState } from 'react';

浏览 1提问于2021-08-23得票数 1

回答已采纳

2回答

如何在componentDidMount中动态调用函数？

javascript、reactjs、binding、function-binding

Mousetrap.bind(['shift+right'], () => );假设我的列表中有10个用户当我启动该应用程序时，它将从currentUserId到user 2；然而，由于 user 1 的值将永远是 user 1**.**，所以它不会有任何进展。如何避免这种情况，使参数具有动态，以便更新参数？编辑：currentUserId和userList通过Redux传递给组件

浏览 4提问于2019-08-07得票数 0

2回答

如何在Redux中触发回调函数？

reactjs、react-redux

反应专家和专家。 mapStateToProps componentDidUpdate</em

浏览 2提问于2017-12-18得票数 0

回答已采纳

7回答

React.useState不会从道具中重新加载状态。

reactjs、react-hooks

我期待状态重新加载对道具的更改，但这不工作，user变量没有更新的下一个useState调用，有什么问题吗？

浏览 1提问于2019-02-25得票数 219

回答已采纳

2回答

如何在调度后更新状态

react-native、redux、react-redux

我是刚接触过react的-本地的和redux的，我想知道如何在调度之后更新状态.按照我的代码：function mapStateToProps(state) { return { user: state.userReducer }; } } 根据上面的代码，我首先调用方法‘this.props.login(用户名，密码)；’调用调度并更改状态'loggedIn

浏览 10提问于2017-11-11得票数 4

回答已采纳

点击加载更多