React App阻止Redux更新时重新呈现网格中的所有项目
React App是一个用于构建用户界面的JavaScript库。它采用了组件化的开发模式，使得开发者可以将界面拆分成独立的、可复用的组件，从而提高代码的可维护性和可重用性。
Redux是一个用于管理应用状态的JavaScript库。它通过一个全局的状态树来管理应用的状态，并通过纯函数的方式来更新状态。Redux的核心概念包括store、action和reducer。store是应用的状态容器，action是描述状态变化的对象，reducer是根据action来更新状态的纯函数。
在React App中，当Redux更新时重新呈现网格中的所有项目可以通过以下步骤实现：
- 在React组件中引入Redux相关的依赖，包括react-redux和redux。
- 创建一个Redux store，并将其与React App进行关联。可以使用redux的createStore函数来创建store，并使用react-redux的Provider组件将store传递给React App。
- 在React组件中使用connect函数将组件与Redux store进行连接。connect函数接受两个参数，一个是mapStateToProps函数，用于将store中的状态映射到组件的props上；另一个是mapDispatchToProps函数，用于将触发状态更新的操作映射到组件的props上。
- 在Redux store中定义相应的action和reducer。action用于描述状态的变化，reducer则根据action来更新状态。在这个场景下，可以定义一个action来表示网格中的项目需要重新呈现，然后在reducer中处理这个action，更新相应的状态。
- 在React组件中使用Redux store中的状态来决定是否重新呈现网格中的项目。可以通过在组件的render函数中根据状态来判断是否重新渲染网格中的项目。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数（云原生、服务器运维）：https://cloud.tencent.com/product/scf
- 腾讯云数据库（数据库）：https://cloud.tencent.com/product/cdb
- 腾讯云CDN（网络通信）：https://cloud.tencent.com/product/cdn
- 腾讯云安全产品（网络安全）：https://cloud.tencent.com/solution/security
- 腾讯云音视频处理（音视频、多媒体处理）：https://cloud.tencent.com/product/mps
- 腾讯云人工智能（人工智能）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（物联网）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动开发）：https://cloud.tencent.com/product/mad
- 腾讯云对象存储（存储）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（区块链）：https://cloud.tencent.com/product/tbaas
- 腾讯云游戏多媒体引擎（元宇宙）：https://cloud.tencent.com/product/gme
相关·内容
翻译只适用于刷新。这似乎是因为我在App.js上使用了一个包装器，这就是为什么它不能工作。
另外，我试图为intlprovider添加一个键，翻译成功了，但是现在我所有的内部组件都得到了刷新。
在使用应用程序包装时，是否可以不刷新所有内部组件而使用reactintl？？
下面可以找到app.js、index.js和应用程序包装器：
Index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import './sty
浏览 0提问于2018-11-09得票数 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
回答已采纳
我遇到了一个问题，在这个问题上，制造一个包含路由到容器的组件似乎会破坏响应路由器。如果容纳我的路线的组件是一个容器，那么单击一个链接就会更新URL，但是不会改变呈现的屏幕。如果我在URL更改后刷新页面，或者直接转到url，它就会呈现预期的视图。将容器更改为常规组件似乎解决了这个问题，但我希望将其保留为容器，以便可以使用必要的操作。
路线中断：
import React, { Component } from 'react'
import { Route } from 'react-router-dom'
import { bindActionCreators
浏览 3提问于2017-11-10得票数 0
回答已采纳
我已经创建了一个React组件，它将其子组件呈现为网格标记。由于组件是无状态的，并且网格标记永远不会更改，因此可以从shouldComponentUpdate返回false吗
我唯一担心的是，我当然不想阻止孩子们重新渲染，而只是想要阻止网格组件。
浏览 4提问于2017-08-20得票数 2
我最近开始学习React / Redux，现在我正在尝试构建一个小的单页应用程序。
最近我遇到了一个我不明白也无法解决的问题。
让我给你看看密码：
index.js
import React from 'react'
import ReactDOM from 'react-dom'
import { createStore, combineReducers } from 'redux'
import { Provider } from 'react-redux'
import { Router, Route, IndexRoute
浏览 2提问于2016-07-08得票数 3
回答已采纳
1回答
为什么useSelector内部的选择器运行两次？
const selector = (state) => {
console.log("invoke Selector");
return state;
};
function App() {
console.log("render App");
const count = useSelector(selector);
const dispatch = useDispatch();
return (
<div className="App">
浏览 4提问于2021-01-21得票数 5
回答已采纳
我正在使用redux和redux thunk的react。我有一个正在发出网络请求的操作。使用useSelector，我从redux存储中获取数据。我有一个问题，当我调度操作时，组件每次都会重新呈现。我希望组件仅在数据更改时重新呈现。我已经尝试使用shallowEqual作为useSelector的第二个参数。但它不起作用。我已经在这个沙箱中把它压缩成了最小的例子。在控制台中，您可以看到每个网络请求都会重新呈现该组件。代码是这样的：
代码如下：
function LevelThree() {
console.log(`Level three calls: ${++levelThreeCal
浏览 52提问于2020-06-05得票数 8
回答已采纳
我有一个可以在网格中显示项目列表的应用程序。其中一些项目有一个嵌入的视频，当它被重新渲染时，它会闪烁或停止播放(如果它已经在播放)。
该列表在Redux中维护。当用户滚动到页面底部时，它会加载更多的结果，这会导致Redux状态更新，而这又会导致网格重新呈现所有项目以及新项目。
我正在寻找一个解决方案，将只添加更多的项目到网格的末尾，而不是重新渲染一切。
我有一个组件可以支撑整个网格。它为网格中的每个项目呈现一个组件。在每个项目中，我都有一个包含嵌入式视频的组件。
有什么想法吗？
浏览 17提问于2019-07-10得票数 0
2回答
我正在使用react，redux和redux-saga作为我的项目。在使用Redux-saga获取用户列表时，我可以看到我的redux存储正在更新(我可以从redux工具中看到它)，但是在组件中，道具没有变化。
我使用一个按钮来获取用户列表。用户只会出现在这个组件中。
App.js
import React, { Component } from 'react';
import { connect } from "react-redux";
import './App.css';
import { fetchUsers } from ".
浏览 1提问于2018-12-25得票数 1
回答已采纳
在这个例子中，我使用memo来防止组件重新渲染，但是，即使项目属性没有改变，它也会在每次单击按钮时重新渲染。根据react文档，只有当道具被更改时，带有备忘录的组件才不会重新呈现。
import React, { memo, useContext } from "react";
import { BasketContext } from "./Context";
const ItemCard = React.memo(({ item }) => {
const [basket, setBasket] = useContext(BasketContex
浏览 6提问于2021-06-01得票数 0
1回答
我使用react-navigation作为我的导航解决方案。我需要在单击settings屏幕上的按钮时更改选项卡栏的背景颜色，然而，这样做会使所有屏幕重新呈现，以下是所发生的事情的现场演示：
正如你所看到的，每次我在Settings屏幕上按下Change Tab Bar Background Color按钮，标签栏的颜色都会改变，但与此同时，由于某种原因，应用程序会自动导航到Login屏幕。我使用redux来维护当前的主题，下面是代码：
操作创建者：
export function switchTheme() {
return { type: 'SWITCH_THEM
浏览 0提问于2018-01-10得票数 0
回答已采纳
新的反应/Redux组合，并试图解决一个问题。
当用户第一次访问或登录/ fetch_user api请求时。其意图是页面将根据它们的登录状态显示不同的内容。在redux工具中，我可以看到状态被更新，字段在初始状态后被填充到'auth‘，但是，当我在应用程序的子组件中时，值被看作是未定义的。如果你需要更多的信息，请告诉我。提前谢谢。
// app.js
const initialState = {};
const history = createHistory();
const store = configureStore(initial
浏览 0提问于2018-12-02得票数 1
回答已采纳
我正在使用react-leaflet和react-leaflet-markercluster将React中的leaflet-map转换为钩子。除了MarkerCluster组件的使用之外，一切都运行得很好。应用程序会给出这个错误：Error: No context provided: useLeafletContext() can only be used in a descendant of <MapContainer> 我尝试做与此代码框中完全相同的事情，包括使用相同版本的包：https://codesandbox.io/s/9binx?file=/src/styles.sc
浏览 76提问于2021-09-29得票数 1
import React, { Component } from 'react';
import { Link, withRouter } from "react-router-dom"
import { connect } from "react-redux"
import { compose } from "redux"
class Header extends Component {
handleLogout = (event) => {
event.preventDefault()
浏览 25提问于2020-01-13得票数 0
回答已采纳
所以我刚刚开始了网络开发的旅程。我使用react创建了一些基本的应用程序。只是想知道什么是Redux，
浏览 3提问于2022-09-16得票数 -1
回答已采纳
这是我第一个使用钩子而不是redux的react的应用程序，并且希望得到应用程序结构的帮助。(我不使用react redux或redux-saga库。)
上下文
const AppContext = createContext({
client,
user,
});
动作示例之一
export const userActions = (state, dispatch) => {
function getUsers() {
dispatch({ type: types.GET_USERS });
axios
.get("
浏览 1提问于2019-06-24得票数 1
我有一个应用程序，用户列出在一个日历月内进行的交易。这些事务存储在Redux存储区中。我需要映射这些以显示所有事务的累积值，但我不确定是否需要将其存储在Redux或React组件状态中？
我认为这可能只是状态，但是当我学习React/Redux时，我不确定。
谢谢
浏览 3提问于2016-06-07得票数 1
回答已采纳
我正在尝试用Jest，Expo，React导航来截图测试，我的整个应用程序只使用钩子。我希望最终能把它们变成e2e测试，让Jest点击并对所有东西进行快照测试，但我甚至无法让react导航呈现出来。我在expo loader之后的快照总是显示“null”。我遵循了expo init附带的标签页启动程序中的基本示例，但它概述了如何设置模拟的方式根本不适用于我的应用程序。我试过各种方法，但都不管用。
App.tsx
import { Ionicons } from '@expo/vector-icons';
import { AppLoading } from 'expo&
浏览 13提问于2019-12-03得票数 3
3回答
我一直在尝试使用进行设置，并遵循以下步骤。然后尝试遵循这些例子，并记录了很多信息，试图反向工程它的工作。然而，即使在我发现的所有信息之后，我也得到了一些奇怪的状态结构：
scene是一个包含路由器状态的对象。但是，初始状态在scene中复制(因此它再次包含devices和rooms对象)。
如果我更改普通的状态设备或路由，它会抛出一个错误为：Key <name of the key> has already been defined (其他人报告同样的问题，)。
因此，我的问题是:您如何使用redux路由您的本地应用程序？你用其他图书馆吗？是否有任何示例或文档资源可用于修
浏览 1提问于2016-08-23得票数 5
回答已采纳
1回答
当我试图更新我的任何反应组件时，我会收到以下警告.
提供程序不支持动态更改store。您很可能会看到此错误，因为您更新到Redux2.x并响应Redux2.x，不再自动重新加载热减速器。有关迁移说明，请参见。
据我所知，我的代码看起来像指令，但我仍然收到警告。
client.js
'use strict'
import React from 'react';
import { render } from 'react-dom';
import { Provider } from 'react-redux';
import
浏览 1提问于2016-04-26得票数 1
回答已采纳
我需要肚脐上的匹配对象。我使用的是React，Redux和TypeScript。
下面是我的引导客户端文件：
import './css/site.css';
import 'bootstrap';
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { AppContainer } from 'react-hot-loader';
import { Provide
浏览 3提问于2017-09-29得票数 0
回答已采纳
我正在测试一个用React和Redux在Jest中编写的程序，在控制台中我得到了这个错误。 console.error
Warning: Failed prop type: The prop `prop` is marked as required in `Component`, but its value is `undefined`. 这是我为测试编写的代码： import React from 'react';
import { Provider } from 'react-redux';
import renderer from 'reac
浏览 19提问于2020-12-13得票数 0
回答已采纳
我有redux连接组件与onClick动作绑定到它。每次我点击它的重选器，尽管我使用useCallback钩子。以下是我的简化组件：
const Map = props => {
const dispatch = useDispatch(); // from react-redux
const coordinates = useSelector(state => state.track.coordinates); // from react-redux
const onClick = useCallback( // from react
data => {
浏览 3提问于2019-12-23得票数 0
回答已采纳
我总体上使用的是MERN堆栈，但我认为这个问题只适用于react和redux表单。
每当我在用户仪表板中添加一项表单时，我就会得到Uncaught Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.。
首先，我根本没有显
浏览 2提问于2018-03-11得票数 1
回答已采纳
我没有多少运气使用redux版本的redux-路由器。当我将产品添加到购物车时，位置确实会改变，但是页面不会更新。
到目前为止这是我的安排。其他所有功能都与新路由器一起工作，将项添加到购物车中，成功地从REST服务器返回。但是，在操作文件中使用push并不会更新页面。
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMidd
浏览 1提问于2017-04-16得票数 3
我试图在我的react应用程序中使用redux，但是我发现我可以在我的应用程序中显式地使用redux，而无需使用react-redux库。 const redux = require('redux'); 我想知道为什么我们甚至需要在我们的环境中使用react-redux库？有人能帮我一下吗？
浏览 51提问于2021-11-05得票数 0
回答已采纳
1回答
当从redux状态中删除元素时，我有更新组件的问题。
我的组件：
const mapStateToProps = state => ({
products: state.shoppingBasket.list,
});
const ShoppingBasket = React.createClass({
propTypes: {
removeProduct: React.PropTypes.func.isRequired,
products: React.PropTypes.array,
open: React.PropTypes.func.isRequ
浏览 1提问于2017-02-09得票数 1
回答已采纳
3回答
ReactJS新手。使用。
问题：
我有一个容器(React.Component)，它从redux-saga中执行的异步调用中接收数据。当数据存储到状态中时，容器会按照ReactJS的预期进行更新。数据被传递给两个不同的子组件，这两个子组件使用数据呈现图表。问题是，当一个组件使用的数据发生更改时，整个视图都会刷新，这意味着另一个组件会重新呈现。
代码:容器
export class Social extends React.Component {
render() {
return (
<div>
<SocialChart data={
浏览 2提问于2016-11-03得票数 3
我正在创建一个使用React，，React Redux&React持久化的网站。
我用防火墙建立了一个登录注册页面。当用户登录或注册时，我希望他们的显示名称在标头组件中。使用我当前的方法，我意识到当一个用户登录时，头组件每次都会重新呈现，但是我不太喜欢它，因为它不会使我的网站导航顺畅。当用户未登录时，标头组件不会重新呈现。
我对JS的反应相对较新，我正在阅读文档& googling其他类似的问题，但我找不到解决方案，也很难解决这个问题。如有任何帮助或建议，将不胜感激！
下面是我的index.js，App.js，header.component.jsx
index.js
impo
浏览 4提问于2020-08-20得票数 1
2回答
我正在开发一个React，Redux，GraphQL，TypeScript应用程序。
我想知道如何从容器中调用获取数据和通过GraphQL更新状态的函数。
通过appActions.getAppData();加载数据的操作名为GraphQL。
但是它会导致无限刷新循环，因为它会触发(StatusActions.startAppLoading())；这也会更新状态。
我想知道如何解决这个问题，或者如何将/Main/index.tsx重写为类组件，并从componentDidMount()调用componentDidMount()。
提前谢谢你。
main.tsx
import Reac
浏览 0提问于2020-04-22得票数 0
回答已采纳
我正在开发一个React/Redux应用程序。假设我有一个组件从它的容器接收两个道具：
// NewsFeedItem.js
class NewsFeedItem extends React.Component {
render() {
const user = this.props.user;
const item = this.props.item;
return <p>{user.name} - {item.date}</p>;
}
}
const mapStateToProps = (state) => ({
user
浏览 0提问于2018-07-04得票数 1
回答已采纳
3回答
我正试图使我的应用程序更多地由路由驱动/控制。为了将路由逻辑从组件中抽象出来，我使用了React Router和一个外部路由文件。除了App本身，其他路由和组件都在正常工作。实际上，我试图将所有其他路由封装在根路由('/')下，根路由的组件是App.js。
下面是我的routes/index.js文件。
import React from "react";
import PropTypes from "prop-types";
import { Router, Route, Redirect } from "react-router&#
浏览 0提问于2019-10-08得票数 3
回答已采纳
我们知道，如果我们想重新呈现一个由related连接的，那么在发送相关的操作时，我们应该在reducer中返回一个新的数组。我的问题是，为什么redux组件在redux还原器不返回新数组时可以重新呈现？当我点击按钮时，第一个应用程序名变成'aaa'，为什么？
行动：
export function setAppName(name: string) {
return {
type: 'SET_APP_NAME',
name,
}
}
减速器：
export function appInfos(state = {
appInfos: [
浏览 2提问于2021-07-26得票数 0
回答已采纳
我正在使用Redux编写一个应用程序，根本无法获得Redux connect()ed组件来呈现。
import { createStore } from 'redux';
import { Provider, connect } from 'react-redux';
var store = createStore((s, a) => s, {hello: "WORLD"});
class App extends React.Component {
render() { return <h1> Hello, world!
浏览 5提问于2015-09-23得票数 2
回答已采纳
1回答
为了模块化，我的Redux应用程序被分解成单独的组件，app域是一种共享的基础设施组件，它处理诸如加载指示符之类的常见ui更改。
app/ <- Global app
---app_reducer.js
---constants.js
---actions.js
---...(react components)
users/
---users_reducer.js
---constansts.js
---actions.js
---...(react components)
products/
---products_reducer.js
---constants.js
--
浏览 3提问于2016-06-01得票数 3
回答已采纳
我有一个问题，那就是组件在动作发出后没有重新呈现。甚至在redux工具中也是如此。操作和状态正在按预期工作。但是，它(App.js)不会重新呈现(在操作App.js被触发之后)。
以下是密码。请帮我解决这个问题。谢谢。
我是index.js
import React, { Component } from "react";
import ReactDOM from "react-dom";
import "./index.scss";
import "bootstrap/dist/css/bootstrap.min.css";
浏览 2提问于2018-11-06得票数 0
回答已采纳
我正在编写一个Redux中间件，并且我愿意在调用reducer函数之前和之后进行调度，示例中间件代码如下：
const myMiddleware = store => next => action => {
dispatch({type: 'xxx', payload: { xxx: true }})
next(action)
dispatch({type: 'xxx', payload: { xxx: false }})
}
我还使用react-redux将Redux store与React连接起来，如下所示：
浏览 2提问于2019-07-16得票数 0
1回答
Redux的思考
、、、
在设计一个示例应用程序时，我试图理解redux。我混淆了状态和数据模型的概念。
注意:我不使用Reactjs。
示例App.的背景
2个表格网格：
网格A:我网站上的成员名单。
网格B:在网格A中选择的成员的所有订单列表。
所以这个应用程序的最终用户一次只能从Grid中选择一个成员。
最终用户也可以在Grid A中输入用户名，我的后端服务将返回该成员的详细信息(对于网格A) &所有他们过去的订单(网格B)。
Redux问题
我的后端服务对我在Grid或B中列出项目的顺序一无所知。谁应该维护网格中的项目顺序？是商店的责任还是组件的责任？
谁维护在网格A中单击哪个成
浏览 0提问于2018-05-06得票数 1
我正在使用redux工具箱方法中的api获取数据。我正在控制台中获取数据，但是我的钩子在页面加载时没有更新。
在这里输入代码
import { widthPercentageToDP as wp, heightPercentageToDP as hp } from 'react-native-responsive-screen';
import { useNavigation } from '@react-navigation/native';
import { Calendar } from 'react-native-calendars';
浏览 1提问于2022-11-17得票数 0
2回答
我有一个顶层组件，在这里创建存储并将其传递给它的子组件SubscriptionForm。
App.js
import React, { Component } from 'react';
import Navbar from './components/Navbar.js';
import SubscriptionForm from './components/SubscriptionForm.js';
import { createStore } from 'redux'
import rootReducer from '
浏览 2提问于2016-10-17得票数 0
回答已采纳
Rudx-thunk在分派异步操作方面做了很棒的工作，它最终将修改异步操作中获取的状态。但是，我如何知道它最终修改了获取的redux状态的时刻？
在我的例子中，我想从服务器读取配置，因为有组件需要这些配置，所以我必须在获取配置后呈现整个应用程序。但到目前为止，我无法通过使用redux-thunk或任何其他redux异步中间件来解决问题。
更新#1显示了一些代码来更好地表达自己。
// reducer
(state, action) => Object.assign({}, state, {config: action.config});
// action creator
const
浏览 2提问于2016-03-16得票数 0
回答已采纳
1回答
我需要通过路由器将道具传递给组件。这是我的密码：
import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';
import AppBarTop from './appbar/AppBarTop';
import Login from '../pages/login/Login';
import {BrowserRouter as Router, Route} from 'react-router-d
浏览 2提问于2017-04-18得票数 44
回答已采纳
由于某种原因，在我更新了对v18的反应之后，我开始得到上面的错误。React 18与RTK查询不兼容吗？我已经用普通的redux切片测试过它，它可以正常工作，但是由于某种原因，当我尝试使用RTK查询时，我会得到这个错误。
任何帮助，试图排除这一点，将是非常感谢，因为我是在一个困惑。
index.tsx
import ReactDOM from "react-dom/client";
import App from "./App";
import { Provider } from "react-redux";
import { sto
浏览 16提问于2022-06-21得票数 1
2回答
我每天都有一张员工的桌子和他们每月的工作时间。在这里，我们可以批量更新所有员工的工时值。
当前月份的简单计算: 30天x50名员工将导致1500挂载的Redux表单字段。
每次挂载字段时，Redux表单都会分派一个操作，以便在Redux存储中注册该字段。因此，派遣了1500个事件。
通过使用Chrome->性能工具进行调试，我发现从安装到分派到呈现字段的整个过程大约需要大约4秒：
上面的性能评分基于以下简单的工作示例，我使用React、Redux、Redux表单、Reselect创建了以下示例：
/* ----------------- SAMPLE DATA GENERA
浏览 0提问于2018-11-07得票数 5
我是新来的反应和Redux，我有麻烦。下面的代码没有像我期望的那样将我的状态更新到7，并且这个区域没有呈现任何东西，甚至是默认的。
几天来我一直在努力研究这个问题。
任何帮助都是非常感谢的。
谢谢。
import React from 'react';
import { Text, Button, View } from 'react-native'
import { createStore } from 'redux'
import { Provider } from 'react-redux'
// Define the
浏览 6提问于2019-12-30得票数 1
回答已采纳
我是新的反应，我已经建立了我的反应项目与脸谱的。以下是核心文件：
Index.js
import React from 'react';
import ReactDOM, { render } from 'react-dom';
import { BrowserRouter as Router } from 'react-router-dom';
import createHistory from 'history/createBrowserHistory';
import { createStore, applyMiddlew
浏览 4提问于2017-07-13得票数 6
回答已采纳
我的组件有一个按钮。通过单击该按钮，将发出一个操作，并进行相应的API调用。API调用的响应存储在redux中。但是，每当对redux存储进行更新时，组件(我正在处理的组件)就会被卸载和重新挂载。因此，当组件重新挂载时，组件的内部状态将被破坏和重新创建。
我的问题是：
当redux存储被更新时，组件是否需要卸载和重新安装？如果是预期的，我应该如何保持组件的内部状态？
AsyncComponent：
export default function asyncComponent(importComponent) {
class AsyncComponent extends React.Comp
浏览 2提问于2019-08-23得票数 3
回答已采纳
1回答
我正在用react编写一个redux应用程序，避免使用react-redux，这在技术上是可行的，如果我们手动处理所有分派的事件。这是示例代码。
The index.html
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.6.0/redux.min.js"></script>
<script src="https://cdnjs.cloudflare.com/aja
浏览 8提问于2020-10-14得票数 1
回答已采纳
我发现不可能显示所有的代码，因为太多了，但我的问题是React Native、Redux、ListView和Navigator。
我的Redux状态存储一个items数组，它在ListView中漂亮地呈现，在一个项目上的onPress中，将Navigator推送到另一个场景，在那里显示项目的详细信息。当我启动redux操作(从道具) (从道具)：Click (它更新Redux中的一个值)时，这些操作会被触发，并显示在调试控制台上，但是屏幕上的元素没有更新，如果我返回到ListView，它看起来是更新的。
在发送redux操作后，我尝试了各种想象力的代码，比如navigator.replace，
浏览 1提问于2016-02-18得票数 1
嗨，我有两个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
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
