为什么子组件不能在不使用getDerivedStateFromProps的情况下重新渲染？

文章/答案/技术大牛

发布

2回答

当React中的状态更新时，属性不会更新

reactjs、state、jsx、react-props

我将一些值从应用程序组件中的状态作为属性传递给GetWordContainer组件。使用这些道具，我设置子组件中的状态。但是，GetWordContainer中的状态只更新一次。当App.js中的状态发生变化时，如何使子组件中的状态继续更新？

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

回答已采纳

1回答

我正在构建一个简单的计时器作为React练习。现在，我只专注于让秒级工作。当用户在baseSeconds中输入选择时，计时器将在那一秒停止。我知道，根据我作为测试输出的{this.props.baseSeconds}，组件中的属性正在发生变化。但是当我把this.state.baseSeconds作为道具时，计时器就会继续计时。设置的父组件： const baseMin = []; baseMin.push(i);

浏览 43提问于2020-04-02得票数 1

回答已采纳

4回答

Reactjs子组件在props中设置父组件提供的状态数组时进入无限循环

javascript、reactjs

父元素从服务器获取数组，并在props中提供子元素以显示数组(票证)。outerBoundary}> </div> } <TableRow> n.id </TableRow> })} } 我

浏览 49提问于2018-08-13得票数 0

1回答

使用*ngIf重新呈现组件

angular

是否可以使用*ngIf在任何条件下重新呈现组件？我认为我可以设置超时，大约200ms，然后组件值赋给null，更新组件值并重新渲染发生。但是，有没有可能在不超时和不更改组件值的情况下重新呈现？-- ... --> 因此，由于示例，我需要，如果component.type是‘图像’，组件</em

浏览 1提问于2017-12-13得票数 1

1回答

当React中的父状态更改时停止重新渲染子组件

reactjs

我有一个React组件，Activity，有一个DataTable和一个抽屉(来自Material UI)。我根据活动组件的状态的isDrawerOpen属性设置是否打开抽屉。但是，当isDrawerOpen更新时，Activity、Drawer和DataTable都会重新呈现。我不希望DataTable重新渲染，因为什么都没有改变。我曾尝试使用React.memo，并尝试在我的DataTable

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

回答已采纳

2回答

传递给子对象的属性值确实具有父对象状态的最新值- React

reactjs

我使用React，并将mode的值传递给孩子，如下所示：并且我可以成功地从我的子类中的父类获取mode值。接下来，我希望能够从子类更新父类中的mode，因此我将updateModeState传递给子类并创建函数来执行此操作：这就是我在父类中<e

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

1回答

reactjs

我不明白为什么当我的selectedEvent通过setState成功更改时，我的子组件没有使用更新后的状态重新呈现。在孩子中，如果我使用getDerivedStateFromProps()，我可以让它工作，但我不认为这应该是必要的。我漏掉了什么。它显然没有接收到selectedEvent的更新状态。

浏览 19提问于2019-04-03得票数 0

1回答

理解反应中的渲染

javascript、reactjs

所以基本上，我很难理解React渲染策略，所以我把它分解成简单的术语，我正在寻求帮助来理解它。是否只有当状态发生变化时才会进行重新呈现？问题2:import Post from '../..，它会呈现所有与状态相关的东西吗？问题3: FullPost (或newPosts)恰好是上述post的子级，现在如果在完整的post

浏览 0提问于2018-06-25得票数 0

回答已采纳

1回答

响应本机:当道具发生变化并在内部通过setState()更新状态

reactjs、react-native

因此，我有一个父组件，它将一个数据数组作为支柱传递给一个子组件(子组件将这个数组支柱保存为它自己状态的一部分)，并且我希望当这个支柱发生变化时更新该子组件的状态。我使用了getDerivedStateFromProps： if (props.messages但是，当我调用setS

浏览 4提问于2020-07-20得票数 0

回答已采纳

2回答

子组件如何在不侦听生命周期方法的情况下从父组件接收道具？

javascript、reactjs、application-lifecycle

为了更新子组件中的props对象，通常使用生命周期方法ComponentWillReceiveProps。但我意识到，可以在不侦听ComponentWillReceiveProps的情况下更新子组件的props。例如，在以下名为App的组件中，子组件Comp能够在不侦听生命周期方法ComponentWillReceiveProp

浏览 6提问于2019-07-09得票数 2

1回答

反应16.4 getDerivedStateFromProps和受控元件

reactjs、react-dom

最近，我重新构造了复选框组件，以使用新的getDerivedStateFromProps静态方法，而不是不推荐的componentWillReceiveProps.1.I必须在组件状态下保存另一个previousValue，并每次将其与来自状态或道具的新值进行比较(否则它将无法工作，因为在每次更新时都会调用getDerivedStateFromProps，状态也会更改2. getD

浏览 0提问于2018-06-05得票数 0

1回答

为父级的子级重新呈现逻辑，它每秒更新多次。

reactjs

因此，我有一个由子元素每秒多次更新状态的组件。我只希望那个子元素重新渲染，而不是中间的子元素，再次避免过度渲染。一个人怎么能这么做？

浏览 0提问于2018-07-19得票数 1

回答已采纳

2回答

有没有强制使用getDerivedStateFromProps的场景？

reactjs、getderivedstatefromprops

正如React文档中所述，应该谨慎使用此API，因为可以使用更简单的替代方案来实现相同的结果。这就是我所理解和完全同意的。以第二个用例为例：此生命周期方法仅用于在呈现新道具之前清除陈旧数据。但我们不能只清除componentDi

浏览 3提问于2020-01-17得票数 0

3回答

在道具上重新呈现子组件的最佳解决方案是什么？

javascript、reactjs

我有一个父组件，它在componentDidMount()钩子中获取数据。状态为setState()-d与此数据。然后，我将数据作为道具传递给子组件，并根据这些道具设置它们的状态。因此，子组件得到未定义的道具，并使用它们创建状态。当componentDidMount()中的数据获取时，新的道具被传递给子组件，但是状态已经用未定义的道具创建，没有任何改变。因此，我现

浏览 2提问于2018-11-14得票数 0

1回答

获得r.slice的JS数据表不是函数错误消息

reactjs

在使用Data来响应JS时，我遇到了一些问题。我的定制数据表js： pageSize: props.pageSize || 5, }; static getDerivedStateFromPropso

浏览 14提问于2022-07-18得票数 0

1回答

只是在父组件中进行查询，不渲染任何内容，并将所有数据作为道具发送

reactjs、graphql、apollo

我希望在父组件中执行一次查询，而不呈现任何内容，并将该数据传递到某个子组件。我们如何在react和graphql中实现这一点？ }我希望在父组件中执行此查询，并将其作为子组件传递。对于简单的api，我可以简单地调用api并将其存储在我<em

浏览 1提问于2019-05-24得票数 1

2回答

与shouldComponentUpdate一起使用时，react-native-draggable-flatlist拖放重置

javascript、react-native、user-interface、react-redux、react-native-draggable-flatlist

我正在开发一个react-native -draggable- for应用程序，其中一个列表使用react-native-draggable-flatlist，不幸的是，我不得不在组件中使用shouldComponentUpdate来操作来自另一个组件上其他列表项的数据，但在添加shouldComponentUpdate后，我的拖放不起作用，我可以拖放，但它会立即将整个列表重置为原始定位集。

浏览 28提问于2020-03-06得票数 2

回答已采纳

1回答

shouldComponentUpdate阻止getDerivedStateFromProps吗？

reactjs

我正在更新一个遗留组件，它使用：但是没有提到getDerivedStateFromProps我想用它来替换不推荐的</e

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

2回答

react js getDerivedStateFromProps正在持续调用

reactjs、react-native

constructor(props) { this.state = { } return null; this.setState({ }) } 我正在将我的react我遇到了一个问题，因为getDerivedStateFromProps()中

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

回答已采纳

2回答

React 16.3+从状态更改中触发onChange的正确方式

javascript、reactjs

所以我有这个组件：import PropTypes from 'prop-types'; this.previousItems = newState.items; });} 我正在尝试做的是监听状态的改变我曾经使用componentWillUpdate来做

浏览 4提问于2018-05-08得票数 3

点击加载更多

当React中的状态更新时，属性不会更新

React组件属性中的更改是否会导致重新渲染？

Reactjs子组件在props中设置父组件提供的状态数组时进入无限循环

使用*ngIf重新呈现组件

当React中的父状态更改时停止重新渲染子组件

传递给子对象的属性值确实具有父对象状态的最新值- React