React/Redux -具有Redux更新的子组件，用于某些父状态更改，而不是其他父状态更改
React/Redux是一种用于构建用户界面的JavaScript库。它结合了React和Redux两个流行的技术，可以帮助开发人员构建可维护和可扩展的应用程序。
React是一个用于构建用户界面的JavaScript库，它采用组件化的开发模式。通过将界面拆分成独立的组件，React使开发人员能够更好地组织和管理代码。React使用虚拟DOM（Virtual DOM）来提高性能，只更新需要更改的部分，而不是整个页面。
Redux是一个用于管理应用程序状态的JavaScript库。它实现了单一数据源（Single Source of Truth）的概念，将应用程序的状态存储在一个全局的状态树中。通过定义纯函数（reducers）来处理状态的变化，Redux确保状态的变更是可预测和可追踪的。
当父组件的状态发生变化时，React/Redux提供了一种机制来更新子组件。通过将子组件连接到Redux的状态树，子组件可以订阅特定的状态，并在状态发生变化时自动更新。这种机制使得开发人员能够更好地管理组件之间的依赖关系，提高应用程序的性能和可维护性。
React/Redux的优势包括：
- 组件化开发：React的组件化开发模式使得代码更易于组织和维护。
- 虚拟DOM：React使用虚拟DOM来提高性能，只更新需要更改的部分。
- 单一数据源：Redux的单一数据源概念使得状态管理更加可预测和可追踪。
- 可扩展性：React/Redux的架构使得应用程序更易于扩展和重用组件。
- 社区支持：React和Redux都有庞大的开发者社区，可以获得大量的学习资源和支持。
React/Redux适用于构建各种类型的应用程序，特别是需要管理复杂状态和大量交互的应用程序。它在Web开发、移动应用程序开发和桌面应用程序开发中都有广泛的应用。
腾讯云提供了一系列与React/Redux相关的产品和服务，包括：
- 云服务器（CVM）：提供可靠的云服务器实例，用于托管React/Redux应用程序。 链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，用于存储应用程序的数据。 链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储应用程序的静态资源。 链接：https://cloud.tencent.com/product/cos
- 云函数（SCF）：提供事件驱动的无服务器计算服务，用于处理React/Redux应用程序的后端逻辑。 链接：https://cloud.tencent.com/product/scf
- 云监控（Cloud Monitor）：提供全面的监控和告警服务，用于监控React/Redux应用程序的性能和可用性。 链接：https://cloud.tencent.com/product/monitor
请注意，以上仅为腾讯云提供的一些相关产品和服务，其他云计算品牌商也提供类似的产品和服务。
相关·内容
新来的。
我一直在寻找答案，和。
我也在使用Redux。根据良好实践，我有一个容器"AddressContainer“及其组件"Address”。
AddressContainer的内容如下-
import React, { Component, PropTypes } from 'react'
import { connect } from 'react-redux'
import { Field, change } from 'redux-form'
import { Col,
浏览 3提问于2017-06-10得票数 0
回答已采纳
嗨，我有两个react组件parent和child，它们都连接到redux store到同一个对象，对象从服务器asynchronously获取数据。
问题：在接收新道具时，父母的componentWillReceiveProps会被执行，但是孩子的componentWillReceiveProps没有执行任何想法？？
子组件
import React, {Component} from 'react';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redu
浏览 2提问于2017-08-14得票数 1
我在React Native应用程序中有一个规范化的Redux存储。 我的减速器的结构是： {
byId: {},
allIds: []
} 在我的组件中，我使用useSelector钩子获取Redux状态的切片： const categories = useSelector((state: AppState) =>
state.products.allIds.map((id) => state.categories.byId[id.toString()])
); useSelector中的逻辑只是将byId对象转换为数组。 当我将categories数组设置为依赖项
浏览 127提问于2021-10-23得票数 0
回答已采纳
我对React生命周期有些困惑，特别是componentDidMount如何与redux交互。
下面是一个场景:我有一个连接到redux存储的组件，并且我不知道每当redux存储更新并且连接组件中的道具发生变化时，是否应该再次调用componentDidMount。现在，每次道具更改时，都会重新安装一个组件。但是，我有另一个单独的连接组件，当它的道具发生变化时，它不会重装。所以现在我迷失了，因为这种不一致的行为。
我环顾四周，但一些像和这样的答案让我感到困惑。
下面是当道具更改时没有正确更新的代码示例
import React, { Component } from 'react&
浏览 0提问于2018-07-25得票数 0
回答已采纳
1回答
我创建了一个简单的redux应用程序。在工具中，我检查“高亮更新”。然后单击任意按钮，显示所有组件都已更新，但"AddButton“中的控制台消息没有显示任何内容。错误控制台，反动开发工具还是我？
// index.js
import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
import { Provider } from "react-redux";
import { createStore } fro
浏览 1提问于2019-02-22得票数 1
回答已采纳
我读过这篇文章。
它说道具不同于状态，理想情况下道具不应该改变它的组件，而应该只由它的父组件来改变。
然而，Redux中的mapStateToProps函数将Redux中的状态映射为React组件的支持，这基本上是当Redux状态被Redux操作改变时，Redux组件的道具发生变化。
这对我来说毫无意义。它似乎应该是mapStateToStates，并将Redux状态映射到React组件的状态。
我是不是遗漏了什么？
浏览 6提问于2017-01-03得票数 11
回答已采纳
我对reactjs并不熟悉，也不知道如何将单击状态推回父shell。我正在构建的一些组件是d3.js图表--我希望能够方便地显示数据--但是让用户选择一个节点，这样他们就可以对数据进行向下钻取。
因此，如果有人单击饼图的段-获取onclick部分并将该节点的id/数据推回父节点。
//图表演示
这是演示
//假饼图
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import * as d3 from "d3";
class DoughPie
浏览 2提问于2017-10-04得票数 0
回答已采纳
我正在尝试理解如何在ReactJS中将更改的状态从子组件传递到其父组件？到目前为止，下面的代码改变了孩子的状态，但没有改变父母的状态，你知道我做错了什么吗？
我正在使用redux从mongodb获取产品阵列。
产品数组示例：
[
{
“_id”: “2331”,
“department”: “Shoes”,
“category”: “Shoes/Women/Pumps”,
“name”: “Calvin Klein”,
“title”: “Evening Platform Pumps”,
浏览 5提问于2018-09-06得票数 0
1回答
我是react的新手，目前我正在使用react native。我正在尝试创建一个与我的状态管理库解耦的组件，无论是redux还是flux，目的是最终可以公开共享它。我的问题源于这样一个事实:我目前正在使用redux，但是组件本身使用this.state和this.setState来维护它的内部状态，这似乎是一种反模式，呈现似乎不起作用。所以我的问题是，我如何创建一个独立的组件，而不依赖于redux，flux等。但是能够保持内部状态吗？第三方组件通常是怎么做的？
浏览 0提问于2016-10-07得票数 1
3回答
我正在构建一个React应用程序，我需要为我从应用程序打开的所有窗口存储处理程序(是的，这有点奇怪，但这是我必须要做的)。在使用React之前，我将窗口存储在一个指向父窗口的全局数组上(我知道JS全局变量是一种非常糟糕的做法，但它是在项目中指定的)。
我不想使用Redux，只想用React.来解决这个问题。
在新的React应用程序中，我在app组件的状态上声明了这个数组，并使用了一种方法来操作stae，作为子组件的支柱：
class App extends Component {
constructor(props) {
super(props);
this.state
浏览 1提问于2018-06-06得票数 1
2回答
我有一个名为AvailabiltyCalender的组件，它还有一个名为DatePicker的子组件。智利组件有一个名为focusedInput的状态。我需要从AvailabiltyCalender组件访问该状态并获取该状态值。我怎么能做到这一点。
AvailabiltyCalender组件
import React, { Component } from 'react';
import './AvailabilityCalender.css';
import backArrow from '../../../assets/images/back.png
浏览 3提问于2018-02-18得票数 0
2回答
我正在制作一个web应用程序，用户在图像中的对象周围绘制包围框。
如何使用React的本地状态：当用户仍在绘图时(即在mouseUp之前的mouseMove中)，我存储矩形的属性。
如何使用Redux的全局存储：一旦mouseUp触发，绘图就结束了，并且不再对矩形进行更新。我想要将这个矩形“提交”到Redux。
这是处理状态管理的正确和/或规范的方式吗？
我还希望将React和Redux状态(即当前正在绘制的矩形以及已经在中“提交”的矩形)传递给子组件。
在react-redux的mapStateToProps中，这是可能的吗?在mapStateToProps中，我似乎找不到将
浏览 1提问于2017-11-18得票数 7
回答已采纳
1回答
我们正在使用react、react-redux和react-router。在我的一个组件中，我使用来自react-router的<Route>组件来呈现我的一个表单组件。在提交表单并创建事件时，我希望我的父组件(其中包含<Route>组件的组件)重新呈现，以便我的事件列表将包含添加的事件。
render() {
return (
<div>
<PublicEvents events={state.public}/>
<PrivateEvents events={stat
浏览 0提问于2018-03-02得票数 0
假设我们有一个名为MyChildComponent的组件，它将用于显示数字列表，还可以通过在MyChildComponent中单击按钮将随机数字添加到列表中。单击按钮时，只有MyChildComponent会重新渲染，因为只有MyChildComponent的状态会更新。 public class MyParentComponent extends React.Component {
const numsInParent = [0,1,2];
render() {
return <MyChildComponent nums="numsInPare
浏览 27提问于2021-02-12得票数 3
回答已采纳
我是个反应新手。我需要父母的状态保存一个卡片列表(作为孩子)，每个孩子也有自己的状态。我的问题是，每当家长添加卡时，孩子就会被卸载。
对于我的情况，是一个简单的重构
我试过：
在父母中多保留一种状态：
但是卡是动态增长的，它将遇到可能使用Redux解决它的状态异步问题.我不想在这里使用Redux。
-
为此需要一些建议，非常感谢。
编辑：(我想做的更多细节)
1.家长可以按上面的按钮在列表中添加不同的卡。
2.子程序有自己的状态，在这个示例中，我可以单击左边的按钮来更改子节点的状态。
问题:当我添加一张新卡时，孩子的状态会回到最初的状态:1.我需要他们保持原来的状态。
浏览 0提问于2018-12-19得票数 0
3回答
我在React工作了一年多了，我读过、和。
我了解到React与数据流的概念是单向数据流。
来自这些页面的柠檬酸：
React的单向数据流(也称为单向绑定)保持了所有的模块化和快速性。
记住: React是关于在组件层次结构下的单向数据流。可能不清楚哪个组件应该拥有什么状态。对于新来者来说，这往往是最具挑战性的部分，所以请按照以下步骤找出答案：
如果你把一个组件树想象成一个支撑点的瀑布，那么每个组件的状态就像一个附加的水源，它在任意点连接它，但也会向下流动。
正如我所理解的，下面的示例是不允许的，因为我将子状态数据传递给父节点。但我看到一些开发人员这样工作：
class Parent
浏览 2提问于2018-10-03得票数 9
Redux指定“更新嵌套数据的关键是每个层次的嵌套必须被适当地复制和更新。”
// changing reference in top level
const newState = {...oldState}
newState.x.y.z = 10;
setState(newState)
// or updating reference in all levels
const newState = {...oldState}
newState.x = {...newState.x}
newState.x.y = {..newState.x.y}
newState.x.y.z = 10
这对于
浏览 9提问于2022-03-05得票数 2
回答已采纳
我一直在学习Redux，我不清楚的是，我如何在使用react状态与redux存储之间做出决定，然后分派操作。到目前为止，从我的阅读来看，我可以使用React状态来代替Redux store，并且仍然可以完成任务。我理解使用Redux store的关注点分离，只有一个容器组件，其余的作为无状态组件，但我不是很清楚如何确定何时使用React state Vs redux store。有人能帮帮忙吗？
谢谢!
浏览 1提问于2017-01-11得票数 45
回答已采纳
1回答
我有一个应用程序，可以让用户扫描并连接到BLE设备。如果用户点击了扫描结果，我希望在连接过程中，设备旁边会显示一个微调器。
我正在使用Redux来跟踪已发现和连接的设备。主App组件与redux-react连接，并将相关的状态位传递给其子组件。
其中一个子节点是扫描结果列表，该列表依次将一个设备传递给它的每个条目。扫描列表项如下所示：
class DeviceListItem extends Component{
render = () => {
return <TouchableOpacity onPress={this.props.onPress}>
浏览 16提问于2019-07-21得票数 0
1回答
因此，我在react JS上做了一个tic-tac-toe项目，我必须将正方形组件的密钥传递给开发checkWinner函数的游戏组件(父组件)。请指导我如何传递它，因为我必须通过键定位每个正方形组件的值。
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/1
浏览 1提问于2020-05-11得票数 0
1回答
因此，我正在构建一个小应用程序来学习一些redux/react。该应用程序包括一个表单，它是作为一个带有Save按钮(和一些更不相关的代码)的组件构建的，以及一个包含表单字段的子组件。
我的意图是更新应用程序状态，由redux处理，在单击"SAVE“按钮时发送一个"save”操作(来自父组件)，将子组件中的字段中的数据作为有效负载发送。
有什么反应友好的方法吗？
浏览 5提问于2020-01-13得票数 0
回答已采纳
我在试着使用React Redux。有一种情况是，一个连接组件(Coordinates.jsx)嵌套在另一个连接组件(Canvas.jsx)中。
源代码 (纱线安装，然后纱线开始)
在父组件Canvas.jsx中，我在中分派了一个动作，该动作可以永久地改变状态。
Canvas.jsx
componentDidMount() { this.props.addCanvasSize(windowWidth, windowHeight)
}
问题是，在更改状态后，子组件Coordinates.jsx没有更新，console.log显示未定义的。
Coordinates.jsx
compone
浏览 1提问于2017-05-24得票数 1
回答已采纳
对不起，reactjs初学者，下面有两个代码，我不明白为什么当我使用“第一段代码”时，我得到无限循环(在浏览器控制台中无限注销'123‘)，当我使用“第二个代码”时，我没有无限循环(在浏览器控制台中只注销两个'123’)，为什么当我用“第一个代码”获得无限循环时，为什么不使用“第二个代码”来获得无限循环呢？
(第一段代码)导致无限循环：
[Parent.js]
const randomFunc = (dataFromChildComponent) => {
setData(dataFromChildComponent);
};
[Child.js]
useEffec
浏览 2提问于2021-07-31得票数 0
回答已采纳
为了更新子组件中的props对象，通常使用生命周期方法ComponentWillReceiveProps。但我意识到，可以在不侦听ComponentWillReceiveProps的情况下更新子组件的props。
例如，在以下名为App的组件中，子组件Comp能够在不侦听生命周期方法ComponentWillReceiveProps的情况下接收props。
主要的App组件：
import React from 'react';
import ReactDOM from 'react-dom';
import {Comp} from "./comp
浏览 6提问于2019-07-09得票数 2
我有两个不同的项目，其中一个使用Redux，我的组件声明为：
class Foo extends React.component<any, any> {
public static state: any = {
bar: ''
}
}
const mapStateToProps = (state) => {
return {}
}
export default connect(mapStateToProps)(withRouter(Foo))
然后我有一个没有Redux的不同项目，其中我的组件声明为：
class Foo extends
浏览 3提问于2017-05-19得票数 0
React中的父组件将道具传递给它的AnchorPopover子组件，如下所示：
<AnchorPopover
bannerHyperlinks={this.state.bannerHyperlinks}
hyperlinkTitle ={this.props.hyperLink1Text}
hyperlinkHref ={this.props.hyperlink1}
hyperlinkStyle ={hyperlink1Style}
onDetailsChange ={this.props.onHyperLink1DetailsChang
浏览 1提问于2015-03-10得票数 1
2回答
在React中，当组件的道具/状态发生更改时，组件会重新呈现。
redux是如何知道(计算)什么特定的组件(DOM)呈现/重新呈现时，一个动作被分派？
浏览 0提问于2018-09-25得票数 0
回答已采纳
我正在开发一个React应用程序，并使用Redux存储状态。我有下面的代码。
menu.component.jsx：
import React, { Component } from 'react';
import { connect } from 'react-redux';
import MenuCategory from '../../components/menu-category/menu-category.component'
import NewCategoryButton from '../../components/n
浏览 4提问于2020-04-14得票数 0
回答已采纳
我正在为一个使用ES6 JavaScript构建的开源React/Redux应用程序做出贡献。我是React/Redux的新手，所以我遇到了一些麻烦。
我有一个父类，它呈现两个不同的React组件。第一个组件包含一些关于事件的输入字段(称为NewShift)。第二个组件是呈现这些事件的日历(称为Index)。
一旦用户填写了输入字段并按下了第一个组件中的按钮，我希望能够在第二个组件中重新呈现日历。如果重新呈现函数在日历组件中，我如何从输入字段组件(两个子组件)调用它。
浏览 1提问于2019-03-29得票数 0
1回答
我正在开发react中的课程调度应用程序，并将其用作学习redux的机会。有一个浏览菜单(实现为browse组件)，我目前正在设计，它显示的学校名单在大学负载。当用户单击其中一所学校时，它会显示该学校内的科目列表。然而，我希望学校显示为一个网格(两列)，我希望科目显示为一个列表(一列)。它们可能还需要向Browse组件提供不同的道具。
我该怎么做呢？目前，我有一个Browse组件和一个BrowseReduxContainer组件。BrowseReduxContainer组件使用connect()、mapStateToProps和redux中的mapDispatchToProps填充Browse
浏览 4提问于2016-11-21得票数 2
1回答
我想实现子程序的排序功能，其中道具是通过一个axios调用从父函数传入的--我应该吗？
在子useState中存储道具
从道具传入父setState来实现这一点？
假设我不需要父母重新排序，我的想法是1可能更有利-只是我不确定在setState中存储道具是一种常见的模式。
第一个案例() -在子useState中存储道具
父母jsx
import { useEffect, useRef, useState } from "react";
import "./styles.css";
import Child from "./Child&#
浏览 4提问于2022-05-22得票数 0
让我们假设以下简单的场景：
我们有两个屏幕，A和B。我们从屏幕A导航到屏幕B。React导航发出用于B的willFocus事件
class B extends React.Component (
componentDidMount(){
fetchServerData() // fetches some data
}
render(){
<View>
<NavigationEvents
onWillFocus={someFunc}
/>
</Vi
浏览 1提问于2020-01-23得票数 3
在我的React应用程序中，我遇到了一个问题，一个从Redux状态拉出的组件在其父组件的某些(但不是全部)状态更改期间没有更新-这给我带来了一些麻烦，我想知道为什么一些父组件的状态更改正在注册，而另一些则没有。
下面我提供了父组件(User.jsx)和子组件(MembershipList.jsx)的相关摘录，但简而言之，问题如下：
在User.jsx中，函数addGroup将对象添加到“groups”状态对象的“leader”或“member”数组属性中-当状态更新时，MembershipList.jsx将使用这些对象中的数据进行更新。这个函数工作得很好，如下面的代码所示。
函数removeG
浏览 5提问于2017-08-07得票数 2
回答已采纳
我还没有找到一个明确的答案，希望这不是重复。
我正在使用React + Redux作为一个简单的聊天应用程序。该应用程序由InputBar、MessageList和Container组件组成。容器(如您想象的那样)封装了另外两个组件，并连接到存储区。我的消息以及当前消息(用户当前正在键入的消息)的状态保存在Redux存储中。简化结构：
class ContainerComponent extends Component {
...
render() {
return (
<div id="message-container">
浏览 5提问于2016-11-26得票数 105
回答已采纳
我有一个创建本地状态的react组件:一个查询标识符。此查询标识符是在创建组件时创建的，并且不是/不应该从组件的使用者传入。此状态仅在组件实例中使用，并且不在其他任何东西之间共享--因此，感觉在组件中作为本地状态是合适的，而不是存储在redux存储中。 react组件经由redux分派异步动作，并且当该动作完成时，结果被存储在由前述查询id索引的redux状态的集合中。 在React components mapStateToProps函数中，我希望从处于redux状态的查询结果集合中检索查询结果。然而，组件的查询id只在组件实例的本地状态中，因此显然不能从mapStateToProps访问
浏览 6提问于2019-06-21得票数 2
回答已采纳
嗨，我试图在子组件中实现搜索，父组件将从服务器获取数据并将数据传递给子组件
作为道具，现在子组件必须实现对数据的搜索，我已经使用了componentwillreceiveprops，它被折旧了
class Parent extends React.Component{
constructor(props) {
super(props);
this.state = {
data: []
}
}
componentDidMount() {
浏览 0提问于2019-05-08得票数 1
回答已采纳
1回答
我想要创建一个具有自己的状态和属性的基Redux组件。当我以泛型方式扩展它时，我希望将扩展对象的属性和状态与基合并。此组件必须与我的Redux商店连接。
我已经创建了一些代码片段，它适用于属性，但不适用于州。
BaseComponent：
import * as React from "react";
import { connect } from "react-redux";
import { IRootState } from "../../../Store/ApplicationStore";
interface IComponentS
浏览 0提问于2019-06-17得票数 0
回答已采纳
1回答
我在redux上有一个函数，它接受一个对象、需要更新的值的路径以及值。
我有输入，即值等于状态上对象的值。
当listingObj在redux上发生变化时，我需要刷新dom。
我需要这样做的原因是因为我有一个自动填充的公司，当用户选择一个公司时，它会相应地更新listingObj上的所有值。
提前感谢！
//REDUX
import axios from 'axios';
var initialState = {
listingObj: null,
}
const GET_UPDATED_OBJ = 'GET_UPDATED_OBJ'
浏览 1提问于2017-11-28得票数 0
回答已采纳
我的组件有一个按钮。通过单击该按钮，将发出一个操作，并进行相应的API调用。API调用的响应存储在redux中。但是，每当对redux存储进行更新时，组件(我正在处理的组件)就会被卸载和重新挂载。因此，当组件重新挂载时，组件的内部状态将被破坏和重新创建。
我的问题是：
当redux存储被更新时，组件是否需要卸载和重新安装？如果是预期的，我应该如何保持组件的内部状态？
AsyncComponent：
export default function asyncComponent(importComponent) {
class AsyncComponent extends React.Comp
浏览 2提问于2019-08-23得票数 3
回答已采纳
1回答
我很难更新我的状态和组件。在按下一个按钮后，我将更改弹出组件的一个支持的值。不更新道具的值。我相信这是使用setstate的副作用之一。我做了一些研究，发现使用useeffect钩子解决这个问题是有办法的，但我无法得到结果。下面是我的代码：
我的目标是从拥有Data0支持的表单获得一个Data1的道具，但是这个道具似乎根本没有更新。我模拟单击多个对象，结果是更新了fromData的值。因此，app.js是我的父组件。子组件是弹出窗口，其值应该更改为Bob和实际日期，而不仅仅是原始名称和原始日期的字符串值。
import React, { useState, useEffect } from &
浏览 4提问于2021-06-08得票数 0
回答已采纳
我在React Material UI中使用useState inside对话框。 我使用useCallBack函数，如下所示。 const [count,setCount] = React.useState({
count: 0
})
const countCallback = useCallback(
() =>
setCount({
...count,
count : count.count + 1
}),[setCount,count]) 在ChildComponent中点击递增按钮执行此回调时，显示递增的数字。 但当我关闭对话框并
浏览 26提问于2020-01-01得票数 0
回答已采纳
1回答
这是一个有点模糊的问题，但让我尝试通过伪码。如果我在父对象中创建子对象数组：
class Parent extends React.Component {
constructor() {
this.state = {kids: [<Child/>,<Child/>]};
}
render () {
return <div>{this.state.kids[0]}{this.state.kids[1]}</div>
}
}
class Child extends React.Compo
浏览 3提问于2016-10-07得票数 0
顶级App组件在构造函数方法中订阅redux存储：
constructor () {
super()
this.state = store.getState()
store.subscribe(() => {
this.setState(store.getState())
})
}
它将状态的一部分作为道具传递给子组件。如果某个子组件需要更新状态，它只需要分发一个操作：
<button onClick={() => {
store.dispatch({type: 'INCREMENT'}) }
}>increment<
浏览 7提问于2016-11-30得票数 3
回答已采纳
我使用了react-router-redux并嵌套了connect()组件。这似乎工作得很好，除了我的嵌套组件会在状态改变时重新呈现。
Probs: Root有5个子组件:如果任何一个子组件中有任何状态变化，所有组件都会重新呈现，因为所有组件都是connect()。
如何才能仅渲染所需的子项？
(有没有办法使用connectAdvanced生命周期方法来解决这个问题？
浏览 4提问于2017-12-11得票数 0
我是Redux和React的新手。我正在尝试实现react组件的排序，但据我所知，您不允许在Redux中操作props。在redux-react中这样做的正确方法是什么？
这是我的组件
import React, { Component, PropTypes } from 'react';
import _ from 'lodash';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import * as Ar
浏览 0提问于2016-08-26得票数 1
2回答
因此，我有一个function组件，它接受函数构造函数( Car)的实例。
该组件的任务是显示有关Car的信息，并根据Car的公共接口(方法和属性)对其进行操作。
在下面的示例中，子组件应该在单击按钮时添加意外。
问:子实例操作Car实例属性的正确方法是什么？根父级的状态存储对Car实例的引用，子节点能够操作Car的属性(如.accidents)，但请参阅各种onChange示例，以说明为什么我很难找到正确的反应方式。
我想避免像Flux这样的重手解决方案来存储这种状态。
如有任何建议，将不胜感激！
function Car(name, color) {
this.name = name;
浏览 2提问于2018-01-12得票数 0
2回答
我有一个简单的部分，在点击我想要更改redux状态
这是我的解决方案，demo.js
import React from "react";
import { useDispatch } from "react-redux";
import actions from "store/actions";
function Demo() {
const dispatch = useDispatch();
const handleCampaigns = () => {
dispatch(actions.sliderActions.s
浏览 20提问于2021-05-26得票数 0
回答已采纳
我有一些导航，这是一个react组件。然后，我在我的页面下面的内容中有一个链接。单击链接时，我想向导航组件添加一个CSS类。
它们是完全独立的组件。
在过去，我可能会使用jQuery来定位导航，然后使用addClass()函数。我正在努力在React中弄清楚这一点。
浏览 0提问于2018-01-18得票数 0
我正在创建一个React + Redux原型应用程序，我面临的情况是，我想在提供者组件之外操作DOM。
我的React + Redux应用程序中有一个根组件：
class App extends Component {
render() {
return (
<div>
<Provider store={store}>
<Main />
</Provider>
<DebugPanel top right bottom>
浏览 1提问于2015-10-28得票数 1
假设一个React + Redux应用程序包含一个包含的页面。
所有这些都是使用Redux状态控制的，如下所示：
let CheckboxComponent = React.createClass({
shouldComponentUpdate(nextProps) {
return nextProps.activeList !== this.props.activeList;
}
render() {
let isChecked = this.props.activeList.indexOf(this.props.myId) >= 0;
re
浏览 5提问于2016-12-13得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
