react-redux性能重新呈现组件

文章/答案/技术大牛

发布

0回答

performance、react-native、react-redux、react-native-router-flux

我的react-native应用程序有性能问题，我遇到了这个问题，但我不知道解决它的最好方法是什么，我将在下面描述我的场景：Scene 1 ==> Scene 2 ==> Scene3 场景2有一个广泛的项目列表，在场景3中我可以在商店中添加或删除项目(我使用Flux架构)，当这种情况发生时，应用程序的状态被更改，组装的组件被重新渲染，这是场景1、场景2和场景3的情况，问题是场景1和2的渲染非常繁重，这导致场景3的执行有非常大的延迟，经过大量研究后，我发现我可以使用ShouldComponentUpdat

浏览 2提问于2017-06-23得票数 0

3回答

如果redux库可以直接在react中使用，为什么react-redux是必需的？

javascript、reactjs、redux、react-redux、redux-store

我试图在我的react应用程序中使用redux，但是我发现我可以在我的应用程序中显式地使用redux，而无需使用react-redux库。const redux = require('redux'); 我想知道为什么我们甚至需要在我们的环境中使用react-redux库？有人能帮我一下吗？

浏览 51提问于2021-11-05得票数 0

回答已采纳

2回答

当状态已经在全球可用时，mapStateToProps的用途是什么？

reactjs、redux、react-redux

当所有数据已经对存储中的所有组件全局可用时，使用mapStateToProps从存储中选择一组特定的数据并将其作为属性发送到组件中的目的是什么？

浏览 2提问于2020-10-10得票数 1

4回答

响应重新呈现重置组件的悬停状态

reactjs

当我在上面盘旋时，我将组件设置为1.2x，但是，当组件在我盘旋时被重新呈现时，它会失去悬停状态，然后变得很小，然后返回到1.2x (见图)。我希望它保持规模。我怎么才能解决这个问题？

浏览 0提问于2018-10-11得票数 1

回答已采纳

1回答

避免重新呈现是不可能的，但是文档说应该不需要shouldComponentUpdate。

redux、react-redux

redux声明在使用redux时，使用来自react-redux包的react-redux。不应该需要shouldComponentUpdate - 但是，我的组件不需要更新，因为我每次都要重新测试一个新数组，即使数组的内容是相同的。这导致我的组件重新

浏览 3提问于2017-08-04得票数 2

回答已采纳

1回答

Redux -组件不同的方法(智能/哑/容器/演示)

javascript、reactjs、redux

在备选方案B中，最深的组件应该知道redux (例如dispach)，这可能是一个缺点。在方法A中，您可能需要在多个哑组件之间传递道具到树下。以及：所以，据我所知，这是一种不好的做法？(备选案文B.)

浏览 3提问于2016-04-28得票数 0

回答已采纳

3回答

如何限制redux连接更新重新呈现到特定的状态分支？

javascript、reactjs、redux、react-redux、rendering

react-redux的connect方法。并不是所有的组件都关心这个循环计数器。因为我在每个滴答的还原器中返回一个新的状态，所有订阅connect的组件都会执行它们的mapDispatchToProps，这会导致不必要的反应呈现调用。其中一个组件看起来像： return { viewport: state.viewport,，它也会被触发以重新呈现。这会导致重<e

浏览 4提问于2017-12-29得票数 5

回答已采纳

1回答

重新选择如何影响组件的渲染

javascript、reactjs、ecmascript-6、redux、reselect

我真的不明白重新选择是如何减少组件的渲染的。这是我在没有重新选择的情况下得到的： state.first.list[state.second.activeRecord因此组件被渲染了5次，冗余地渲染了2次。但是，使用重新选择：const getActiveRecord = state => state.second.a

浏览 4提问于2017-03-30得票数 1

1回答

react-redux connect()函数mapStateToProps正在更新，但组件未重新呈现

javascript、reactjs、redux、react-redux

", store.textTwo);}; 如果我使用上面的mapStateToProps函数来connect react-redux的方法，并更新状态，它将console.log更改mapStateToProps函数，但不会重新呈现组件，甚至不会出现componentWillReceiveProps钩子。但是，当我添加spread operator，即修改mapStateToProps返回数据时，它将重新呈现完整的组

浏览 15提问于2020-02-17得票数 0

2回答

React Redux中返回"FromJS“状态与返回平原JS对象状态

javascript、reactjs、redux

在react-redux 中，immutable.js的利弊部分写道：请用适当的小例子详细说明以下含糊不清之处。我不明白当一个组件在不

浏览 3提问于2020-08-02得票数 1

2回答

与通过属性传递相比，useContext/useSelector是否会影响性能？

reactjs、redux

我有一个组件，它包含几个嵌套的子组件；这些子组件需要关于父组件的信息，以及来自redux存储的数据。考虑到它们的数量，与让每个子组件使用useSelector相比，在父组件中使用一次useSelector钩子并通过属性(而不是上下文)将其向下传递是否具有更好的性能？此外，通过父组件的属性传递有关父组件的信息是否比让每个子组件使用useContext更好？

浏览 0提问于2020-08-03得票数 1

2回答

组件重新呈现中的差异

reactjs

是否可以在使用Context API时停止组件重新渲染？

浏览 14提问于2021-06-08得票数 0

2回答

重新选择createSelector问题

javascript、reactjs、react-native、redux、reselect

loggedInSelector = createSelector(loggedIn);import React from "react"; import { connect } from "react-redux

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

1回答

为什么这个reducer不能使用redux触发视图更改？

javascript、reactjs、redux

因此，我在redux中构建了一个应用程序，我遇到了redux文档中概述的问题，即我的视图在操作被调度后不会更新。文档表明，当您改变状态时，就会发生这种情况。唯一的问题是，我不明白我所做的事情怎么会被认为是一种突变： return action.timerscase AppConstants.UPDATE_ALL_TIMERS: return action.timers[

浏览 1提问于2016-05-04得票数 0

4回答

如何用反应钩完全取代剩余物？

reactjs、react-native、redux、react-hooks

在使用react的情况下，我可以很好地使用Provider，Consumer/useContext将我的存储状态值传递给我的所有组件。Redux给我的更多信息是，如果有任何特定的键(比如key4 )被更新，那么就可以帮助我避免使用react-redux的连接函数重新呈现整个应用程序树。这是我的问题。我们如何使反应钩子和上下文api不重新呈现我的整个应用程序，这是一个主要的性能缺陷？

浏览 0提问于2021-02-03得票数 3

回答已采纳

3回答

将道具通过多个组件传递给子组件是不是一种糟糕的做法？

reactjs

如果我经常将道具从根组件向下传给子组件4-5个组件，这会不会影响性能？我认为链中的每个组件将不得不在每次道具更改时重新渲染，这意味着糟糕的性能，因为它只是大型组件中的一个小组件，实际上需要更改。如果确实是这样，我是应该扁平化我的根组件，还是应该实现一个自定义的“shouldComponentUpdate”，或者其他什么？

浏览 3提问于2016-02-25得票数 3

1回答

从布线零部件更新父部件的状态

javascript、reactjs、react-router、react-redux

我们正在使用react、react-redux和react-router。在我的一个组件中，我使用来自react-router的<Route>组件来呈现我的一个表单组件。在提交表单并创建事件时，我希望我的父组件(其中包含<Route>组件的组件)重新呈现，以便我的事件列表将包含添加的事件。state.private}/> <Route compon

浏览 0提问于2018-03-02得票数 0

2回答

PureComponent与无状态功能组件的性能比较

javascript、reactjs

this.props.item}</div>} return <div>{props.item}</div>上面有一个有状态父组件Todos和同一个子组件TodoItem的两个版本。其中一个版本是纯组件，另一个是无状态功能组件。我理解使用PureComponent的性能优势，但我想知道React 16是否将相同的浅层比较和性能优势应用于无状态功能

浏览 3提问于2018-03-19得票数 7

4回答

如何强制更新功能组件？

reactjs、redux

我正在学习redux，我想知道useSelector是如何更新组件的，因为组件没有自己的状态。如何强制更新功能组件？

浏览 2提问于2020-12-14得票数 1

1回答

在同一组件中使用connect和store进行React Native redux

react-native、redux、store

我想在调用store的app组件中存储一个状态：import React, { Component } from 'react'import { Provider, connect } from 'react-redux'// ******将根组件包装在中，或者将自定义的React上

浏览 4提问于2019-11-29得票数 0

回答已采纳

点击加载更多