在Redux中，如何为能够更改相同状态的两个客户端呈现状态？
在Redux中，可以通过使用WebSocket或其他实时通信技术来实现能够更改相同状态的两个客户端呈现状态。以下是一个基本的实现步骤：
- 在Redux中，首先需要创建一个WebSocket连接，以便客户端之间可以进行实时通信。可以使用WebSocket API或第三方库（如socket.io）来实现。
- 在Redux的reducer中，定义一个处理WebSocket消息的action。当接收到来自其他客户端的状态更新消息时，该action将被触发。
- 在Redux的reducer中，更新相应的状态以反映来自其他客户端的状态更改。可以使用Redux的标准状态更新逻辑来处理。
- 在React组件中，订阅Redux状态的变化，并根据状态的变化来更新UI。当Redux状态更新时，React组件将重新渲染以呈现最新的状态。
- 当一个客户端更改状态时，将状态更新消息发送到WebSocket服务器。服务器将广播该消息给所有连接的客户端，从而触发其他客户端的状态更新。
这种方式可以实现多个客户端之间的状态同步，使它们能够呈现相同的状态。通过使用WebSocket或其他实时通信技术，可以实现快速、实时的状态更新，从而提供更好的用户体验。
腾讯云提供了一系列与实时通信相关的产品和服务，例如腾讯云即时通信 IM（https://cloud.tencent.com/product/im）、腾讯云 WebSocket（https://cloud.tencent.com/product/websocket）等，可以根据具体需求选择适合的产品来实现实时通信功能。
相关·内容
我有一个子组件PostItem，它将来自redux状态的post对象作为支柱：
const PostItem = ({
post: { _id, text, name, avatar, user, likes}, //from redux state
//...
}) => {
//...
const handleLike = e => {
likePost(_id); //ACTION
};
return (
<Fragment>
<div className=&
浏览 1提问于2020-03-16得票数 0
我正在学习如何在服务器上渲染我的React站点。到目前为止，我已经成功地使用异步数据进行了渲染，但在包含脚本时遇到了一个问题(因此，当我想拥有同构的应用程序时)：
Warning: React attempted to reuse markup in a container but the checksum was invalid (...):
(client) <!-- react-empty: 1 -
(server) <div class="blah" dat
我不明白为什么会发生这样的事情。我的代码如下：
服务器
require('babel-r
浏览 7提问于2016-08-31得票数 0
回答已采纳
我正在为一个使用ES6 JavaScript构建的开源React/Redux应用程序做出贡献。我是React/Redux的新手，所以我遇到了一些麻烦。
我有一个父类，它呈现两个不同的React组件。第一个组件包含一些关于事件的输入字段(称为NewShift)。第二个组件是呈现这些事件的日历(称为Index)。
一旦用户填写了输入字段并按下了第一个组件中的按钮，我希望能够在第二个组件中重新呈现日历。如果重新呈现函数在日历组件中，我如何从输入字段组件(两个子组件)调用它。
浏览 1提问于2019-03-29得票数 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
2回答
在我开始合并我的Redux减速器之前，我的应用程序工作得很好。但是当我组合的时候，initialState键和还原器键就混淆了。
function flash(state = [], action) {
switch (action.type) {
case FLASH_MESSAGE_UPDATED:
return _.extend({}, state, { flash: action.flash })
default:
return state
}
}
function events(state = [], action) {
switch (acti
浏览 5提问于2015-11-12得票数 51
回答已采纳
我在React工作了6个月，还没有使用Redux的经验。虽然我使用过context api和useReducer钩子。我需要转换一个现有的应用程序反应，这将有大约100-120个组件。我的问题是关于状态管理的选择。随着context api和Redux的兴起，我是否可以只依赖这两个库，或者useReducer库仍然是更好的选择？我找到的比较的文章来自2019年末，所以我不能决定。请指点
浏览 5提问于2021-06-04得票数 1
1回答
我第一次尝试服务器端渲染在我的React/Redux应用程序中。我现在遇到的一个问题是，我需要初始状态有一个随机生成的字符串，然后将它作为支柱传递给我的主App组件。这显然会导致问题，因为它会为客户端和服务器生成不同的字符串。我能做些什么来阻止这个问题的发生吗？
有助于理解的基本结构：
App.js
import React from 'react';
import { connect } from 'react-redux';
const App = ({ randomStr }) => (
<div>
<p>{r
浏览 2提问于2016-07-21得票数 6
回答已采纳
1回答
在Redux中，假设在redux中有两个不同的未连接状态。
const rootReducer = combineReducers({
navBar: navBarReducer,
exchange: exchangeReducer
})
如果我为navBar分派更改状态的操作，那么mapStateToProps触发器是否也会呈现给exchange: exchangeReducer？
浏览 1提问于2019-06-13得票数 0
回答已采纳
2回答
传递函数通过容器导出状态
、、、
我有一个容器，目前的结构如下：
// container.ts
import { connect } from 'react-redux';
import { selectItems } from './actions';
import { selectSelectedItems } from './selectors';
import component from './component';
const mapStateToProps = (state: AppState) => ({
selected: sele
浏览 0提问于2018-05-02得票数 0
1回答
我是react的新手，目前我正在使用react native。我正在尝试创建一个与我的状态管理库解耦的组件，无论是redux还是flux，目的是最终可以公开共享它。我的问题源于这样一个事实:我目前正在使用redux，但是组件本身使用this.state和this.setState来维护它的内部状态，这似乎是一种反模式，呈现似乎不起作用。所以我的问题是，我如何创建一个独立的组件，而不依赖于redux，flux等。但是能够保持内部状态吗？第三方组件通常是怎么做的？
浏览 0提问于2016-10-07得票数 1
3回答
根据redux的文档，reducer总是给出一个新的状态副本。在一个连接的组件中，react-redux对mapStateToProps中提到的属性进行了简单的比较(旧的和新的属性)。
我的困惑是，因为redux总是提供状态的新副本，所以react-redux所做的浅层比较应该总是给出false，并且组件应该总是重新呈现。但这并没有发生。
有人能解释一下我错过了什么吗？
我认为在mapStateToProp中读取的所有属性都是对象。
浏览 0提问于2019-05-19得票数 4
对于我的应用程序的注册表单，我用本地组件状态来维护表单值，但是currentUser状态、错误状态和API调用在Redux中。
我想要做的是，当表单提交时，按钮有一个加载旋转器，表单值一直保持到从服务器返回响应为止。如果服务器使用授权用户进行响应，则重定向到app。如果有错误，应该清除表单的值，而不是，而不是。
问题似乎是，Redux在分派任何状态更新函数(无论是删除错误还是发出API调用以授权用户)时，正在清除我的表单值。有什么办法可以避免这种情况发生吗？
从我的AuthForm.js
const submitData = () => {
setLoading(true);
浏览 4提问于2020-10-28得票数 0
1回答
我有一个来自redux的对象，其中有一个在redux本地类组件中呈现的照片。
每次我更新不同对象的相关类组件的状态时，来自redux的对象的图像都是重新加载的。
我怎么能避免呢？
我认为使用redux可以避免在状态更新时重新呈现对象。
浏览 1提问于2017-09-28得票数 3
回答已采纳
1回答
保留和保存数据？
、、
我来自RoR世界，我想使用Redux和React来改变我的应用程序。
React很容易理解，您可以构建它并使用web-套接字连接到Redux (为什么不只是xhr?)，Redux接受不同的操作并响应React等等。
我不明白的是，你在redux商店里保存了所有的用户吗？还是使用另一个noSQL来保存它们？当我终止redux存储并再次启动它时，我的数据会消失吗？我找不到描述这个的文章吗？
浏览 2提问于2016-03-04得票数 2
1回答
我正在构建一个带有Redux的琐碎游戏应用程序，并且需要能够呈现一个TriviaCard组件，如果用户决定再次玩，它就会启动一个新的游戏。这是我的纽扣..。
所以，我有两个按钮，需要能够在我的handleSubmit函数中这样做.
<button onClick={this.handleSubmit} name="yes">Yes</button>
<button onClick={this.handleSubmit} name="no">No</button>
handleSubmit = (event) =&
浏览 3提问于2018-01-15得票数 2
回答已采纳
1回答
我正在尝试实现一个简单的应用程序，显示通过API获取的数据。我正在向一个快速服务器公开我自己的API。通过API，我基本上可以与SQL数据库进行交互。
对于前端，特别是状态管理，我想使用Redux，但我不确定如何使用Redux来管理状态，同时从数据库中获取数据/通过API更新数据库。
Redux是否保存与数据库相同的信息？如何实现Redux和数据库的组合？
浏览 3提问于2022-04-07得票数 1
我正在创建一个使用React，，React Redux&React持久化的网站。
我用防火墙建立了一个登录注册页面。当用户登录或注册时，我希望他们的显示名称在标头组件中。使用我当前的方法，我意识到当一个用户登录时，头组件每次都会重新呈现，但是我不太喜欢它，因为它不会使我的网站导航顺畅。当用户未登录时，标头组件不会重新呈现。
我对JS的反应相对较新，我正在阅读文档& googling其他类似的问题，但我找不到解决方案，也很难解决这个问题。如有任何帮助或建议，将不胜感激！
下面是我的index.js，App.js，header.component.jsx
index.js
impo
浏览 4提问于2020-08-20得票数 1
我正在使用react+redux。我在父组件中有100000(示例) ImageComponent，比方说，ImageGrid。每个ImageComponent上的功能是，用户可以喜欢，删除和选择。
问题是，当我喜欢删除或选择任何单个ImageComponent时，我会在redux中更新它的状态，并且在每次状态更改时，它都会呈现整个100000 ImageComponent。
如何避免对那些没有改变的ImageComponent进行不必要的重呈现？
浏览 0提问于2018-05-11得票数 1
回答已采纳
在react中，对组件(R)的setState()调用可以触发所有子组件的重新呈现。
我们怎么知道这事什么时候结束？在安装/呈现/更新了R的所有子级之后，调用了哪个生命周期方法？
更详细的：
让我们考虑以下情况：
有一个根组件R，它的子组件C1和C2。
我想实现我自己的redux存储，在这里，子组件( C1和C2)可以分派操作，并且在所有的子组件被挂载/重新呈现/更新之后，我想命令redux存储来处理分派的操作。
因此，我需要知道何时呈现了所有的子级，并安排了对redux存储的调用，该存储将命令存储处理分派的操作。
在R的所有子程序都已安装/呈现/更新之后，调用了哪个生命周期方法？
浏览 3提问于2017-06-28得票数 11
回答已采纳
1回答
我正在写一个与react，redux，react-router，react-router-redux同构的应用。我要给client.js上的syncHistoryWithStore打电话。但在初始加载时，router.locationBeforeTransitions始终为空。一旦我导航，它就会被填充。
const history = syncHistoryWithStore(browserHistory, store);
...
<Router routes={routes} history={history} />
上面的代码来自client.js
我应该在服务器端手动启动L
浏览 5提问于2016-11-21得票数 1
我有一个IonModal，用于通过API调用将数据添加到数据库中。然后，我将将响应数据添加到Redux存储区中的列表中，该列表将显示在主页上。
在我的模式中按下按钮调用此函数，以调用API，获取响应，将其添加到商店，并关闭该模式：
const addData = async () => {
const transaction = await createTransaction(data);
dispatch(addTransaction(transaction));
setShowModal(false);
};
createTransaction正在调用API并返回响应数据
浏览 2提问于2021-08-18得票数 1
1回答
我的设置是ReactJS + Redux。
我有一个名为“画廊”的组件：
Gallery.js: ReactJS组件
GalleryContainer: Redux容器
我希望从外部控制控制器中选定的选项卡(在组件层次结构中很远)。我在我的setGallerySelectedTab appState还原器中添加了一个变量，它是一个名为的动作创建者，我在componentWillReviewProps中听了新到的道具，并将它们与州的selectedTab进行了比较。关于这一做法，我有两个悬而未决的问题：
艰苦工作：组件外观的每个方面--我想要控制的感觉--要求我创建一个新的还
浏览 0提问于2016-10-02得票数 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
回答已采纳
我正试图了解Redux中实际使用的不可变性(如果有的话)。我发现的每一篇教程/文章/文档都指出，还原器不应更改状态对象，而应创建已更改数据的新副本(即还原器必须是纯函数)。我理解这一点，但是我找不到任何地方解释Redux内部实现是如何实际使用这个准则的。
，这只是一个很强的推荐，还是如果我使还原剂非纯的话，Redux内部的东西会破裂吗？
，如果是晚一点，那么到底会发生什么呢？
我确实找到了一些地方，Dan说，在一些(非常罕见)情况下，还原剂可能是非纯的，但它是危险的(同样，没有确切的解释什么是风险)。
浏览 1提问于2016-03-13得票数 3
1回答
因此，我正在更新我的redux的状态，当我使用它的组件中的console.log(props.client)时，它工作得很好，并显示了存储在这个对象状态中的2个属性。但是当我尝试console.log(props.client.email)时，它说它是没有定义的，这让我很困惑。
console.log(props.client)；console.log(props.client.email)；
浏览 5提问于2021-08-30得票数 1
回答已采纳
1回答
在我的React应用程序中有这样(简化的)结构：
App
|
---------
| |
Child1 Child2
我想将数据从Child1传递给Child2 (例如，单击Child1中的按钮将改变Child2中一个元素的颜色)
这里有两个要点：
，我想要，避免Redux，如果可能的话，，我不想重新呈现整个应用程序。只有Child2 才应该re-render
有没有任何选择，如何实现(没有Redux)？
浏览 1提问于2022-04-05得票数 1
我跟踪，现在我试图使用Redux清除一个数组，但是我的turnOffAll(state)还原程序会导致数千个重发器(控制台日志输出)，并在浏览器中出现错误。
我有，它可以return状态，而不是在turnOffAll中“变异”它。因此，我尝试了turnOffAll的一个变体：return Array(screenSize.width * screenSize.height).fill(0)，但是这会导致app.jsx中的一个错误，即dispatch(turnOffAll());没有提供足够的参数。
我在turnOffAll中尝试过的另一种方法是state = initialState;，虽然这
浏览 8提问于2022-02-07得票数 1
回答已采纳
目前，我正在不同的项目中使用redux进行状态管理。几天前，我听到了react-query，它也用于状态管理，并提供缓存和异步获取。我试图找出这两个库之间的主要区别。在哪里我应该使用react-query，在什么情况下我需要redux。
浏览 11提问于2021-07-26得票数 32
回答已采纳
我有两个操作TEST和TEST_DONE，它们都在redux状态下增加id属性。每当我从组件中分派第一个动作TEST_DONE时，我就使用redux自动分派第二个动作TEST。
我希望执行的顺序是这样的：
以初始值为0component调度的组件使用testState.id = 1saga重新呈现组件，用testState.id = 2重新呈现TEST_DONE actioncomponent
相反，我的组件只在testState.id更新为2时才重新呈现。我看不到1函数中的getSnapshotBeforeUpdate值。它将0显示为前一个支柱。
为什么道具从0 跳到 2 而没有在中间接收
浏览 2提问于2021-03-12得票数 2
使用Next.js next/router会导致重新加载，还是会保留Redux状态？
import { useRouter } from 'next/router'
const DashboardSidebar = ({ mobile = false }: Props) => {
const router = useRouter()
router.push(
`/${lang}/dashboard/organizations/${organizationId}/events/${id}`
)
还是我应该用redux-persist来保留状
浏览 6提问于2022-05-11得票数 0
我的React应用程序目前在结构上相当简单，尽管组件中的逻辑越来越强烈。这个结构基本上是Index，它有一个Header组件，如果用户登录，它将加载Home组件，其中包含组件X、Y和Z，对应于左侧的侧边栏、主区域和右侧侧边栏。
当我正在处理右侧栏时，我有一些console.log()语句可以帮助解决问题。现在我注意到，根据我看到日志记录的频率，右边的Z组件在给定的新页面加载时呈现7次。该组件的代码大致如下：
使用React.useState([default value])Checks (authedUser)A Redux存储库为组件声明各种状态，以获取我的应用程序(authedUser)A
浏览 6提问于2022-08-11得票数 0
我看了下列文件。
Redux应用数据流
前面，我们讨论了“单向数据流”，它描述了更新应用程序的一系列步骤：
状态描述应用程序在特定时间点的状态。
UI是基于该状态呈现的。
当发生某些事情(例如用户单击按钮)时，状态将根据发生的情况进行更新。
UI基于Redux的新状态重新呈现，我们可以将这些步骤分解为更详细的步骤：
初始设置：
Redux存储是使用根还原函数创建的。
存储只调用根还原器一次，并将返回值保存为其初始状态。
当UI第一次呈现时，UI组件访问Redux存储的当前状态，并使用该数据来决定呈现什么。他们还订阅任何未来的商店更新，这样他们就可以知
浏览 3提问于2020-10-29得票数 2
回答已采纳
这里的新手，试图更好地理解反应，还原，和表达。我看到了很多在客户端和服务器端都有redux的例子，它们有不同的来回传递信息的方式(套接字等等)。对于初学者来说，这是相当令人困惑的。
假设我有一个应用程序：
连接到外部api以搜索餐厅，或获取靠近某个位置的餐馆列表(如yelp或其他什么)
用户可以搜索特定的餐厅或查看位置结果，以便将一个位置添加到他们自己的收藏夹列表中。
我假设与外部api的通信在服务器端，但过去我不确定哪个逻辑属于哪里，客户机和/或服务器端是否需要redux，以及在react/redux应用程序中将api信息传递给客户机的最佳实践是什么。
浏览 4提问于2016-07-21得票数 0
回答已采纳
2回答
目前，我将用户名存储在redux存储中，并在用户登录后显示在topbar中。(用截图显示)。但是，当redux状态被更新时，它不会自动重新呈现.我仍然需要在topbar中做一些操作，然后用户名才会出现。否则，它就不会出现。所以问题是，如何强制从我的登录组件中重新呈现topbar组件.另一个问题:当刷新页面时，用户名将被删除。那么，是否有任何选项可以以redux状态持久化数据？否则就不可能了。
const Login = () => {
...
const handleLogin = async googleData => {
...
//store us
浏览 5提问于2021-10-07得票数 2
回答已采纳
2回答
我来自SPA的和REST/GraphQl的世界。现在，我正在使用Next.js库构建个人项目，用于SSR(服务器端呈现)ReactiveApp。
由于我在所有的单页应用程序中都使用了Redux，所以现在我想知道当每个路由用户访问、加载一个新链接并刷新页面时，我应该如何管理用户状态。
我发现了一些关于会话和曲奇的信息，但这些都不是我所熟悉的。我看了一些关于将Redux与Next.js一起使用的在线文章，但这似乎很复杂。
浏览 1提问于2019-07-12得票数 26
我有两个动作调用不同的API。我在useEffect中分发这些操作。
我有两个还原文件，每个文件，存储从API收到的数据。
因此，基本上我应该能够使用useState单独访问这两个数据。
但是第二个调用API的数据是覆盖第一个API的数据。我不明白为什么，因为它们甚至不在同一个文件上，甚至是相关的。
组件
const items = useSelector((state) => state.lostchambers.items);
const lostChambersItems = useSelector((state) => state.sharklostdols
浏览 2提问于2020-04-05得票数 1
回答已采纳
开始尝试使用react query，并在考虑是否可以使用它作为redux的替代品？我发现react查询在nextJS中更容易使用(特别是如果我想在服务器上设置一个状态)，所以希望有一个不需要函数的useQuery (类似于redux的useSelect )。
这样的事情是否可能(这不起作用，但说明了我想要实现的目标)？即使用react查询作为缓存数据，能够订阅该缓存数据.
function InputHeaderContainer() {
return (
<div>
<InputHeader />
<InputBar />
浏览 4提问于2022-04-07得票数 0
2回答
更新到最初的文章：我已经意识到问题在于，Redux状态( WaitingRoom组件的支持)中的更新以某种方式将组件的整个状态设置为初始状态。因此，“显示匹配窗口”也被设置为false。最初，在分派MATCHING_REQUEST并将“加载”设置为true之后，WaitingRoom组件的状态仍然保持不变。但是，在发出MATCHING_SUCCESS并将"loading“变为false之后，Redux状态中的”好友“和"chatid”被更新后，处于WaitingRoom状态的所有字段都会以某种方式重置为它们的初始值。这很奇怪，在我的其他Redux操作中没有发生。我想知道是否有人
浏览 2提问于2020-05-26得票数 0
3回答
我最近读过鲍勃·马丁的“清洁建筑”。尽管他解释的原则适用于所有语言，但对于我来说，很难理解JavaScript (一般的函数式语言)的那些概念。
我有一个React应用程序，我已经应用了Redux，但是现在当我读了这本书时，我想知道我是否太依赖Redux，我如何使自己变得更独立，以便我可以在任何时候用任何其他方法(例如React )轻松地替换Redux。
Bob强调的是，我们需要小心架构边界，但我真的不知道在这种情况下我能把Redux放在哪里？
我在Redux中做业务逻辑吗？如果是，这是否违反了保持业务逻辑独立的清洁体系结构建议？如果我把我的逻辑放在Redux里，我就变得太依赖它了？
我有我的
浏览 18提问于2022-12-01得票数 1
我正在为一个音乐理论应用公司的仪表板网站工作，在那里用户可以管理他们的信息，课程，作业，媒体内容等。
该网站是使用和构建的。我正在使用的当前页面是让教师用户编辑作业集(作业细节和与该作业相关的任何练习)。我们希望用户能够通过输入导航到每个赋值编辑页面，因此url类似于course/{courseID}/assignment/{assignmentID}。这意味着，每当这个页面加载时，我都需要调用API来获取我需要的任何后端数据。
我的整个Redux存储对象相当简单。下面是一个与我在所讨论的页面上获取的内容相关的示例：
store: {
singleCourse: {
courseI
浏览 10提问于2022-06-16得票数 1
2回答
在兄弟姐妹之间传递数据回响应本机
、、、、
我有一个问题，在反应本机，我想要共享一个数组之间的两个兄弟组件。我的应用程序有一个底部导航导航器，因为我定义了要导航的组件：
import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Icon from "react-native-vector-icons/Ionicons";
import { createBottomTabNavigator } from "react-navigatio
浏览 1提问于2018-09-26得票数 0
回答已采纳
如果服务器的响应包括聊天消息之类的初始数据，我如何为聊天站点创建类似主页的内容？我需要Redux帮忙吗？
浏览 2提问于2020-01-11得票数 0
回答已采纳
我正在学习React，并创建了两个具有各自状态的类组件。然后，我了解了Redux，并决定将状态转移到redux存储中。问题是“既然我们通过props从redux store获取状态，那么将类组件更改为函数组件是最佳实践吗？”
浏览 0提问于2020-04-05得票数 0
我第一次使用React和Redux进行服务器端渲染，似乎有点困难。我得到了警告：
Warning: Did not expect server HTML to contain a <li> in <ul>.
我已经查过了，这意味着有一个html树不匹配。我不确定这是怎么回事。有没有明显的方法来解决这个问题？下面是我的抛出警告的代码。
import React, { Component } from 'react';
import { connect } from 'react-redux';
import actions from
浏览 0提问于2017-10-30得票数 8
回答已采纳
1回答
浏览器历史记录需要DOM
、、、
围绕这个主题已经存在一些问题，解决方案指向服务器上的memoryHistory。但是，我这样做了，问题仍然存在于客户端文件夹中的store.js上。虽然我没有使用这个client/store.js，但它仍然给出了与主题相同的错误。
因此，我的猜测是，我在服务器或客户端结束组件的方式有问题。
我正在工作已加载的项目堆栈-还原，反应-还原，反应-路由器-还原，还原，历史等.对于我来说，这些都是令人望而生畏的，我要为-server侧渲染(我的基本动机)做一个额外的设置，我将分享我的结构和重要的文件，其中涉及到这个练习！
让我们先欢迎服务器。
server/bootstrap.js
require(&
浏览 1提问于2018-02-06得票数 2
回答已采纳
我的后端express服务器上有Joi验证。我能够将来自后端的验证消息放入redux错误状态对象中，但是如何正确设置此redux对象状态，以便在前端使用redux-form正确显示消息。尤其是当错误来回切换时，比如："name is required“到"name must be至少2 characters”，这两个错误之间来回切换时更是如此。 我试着按照redux-form文档所说的做，导入SubmissionError并在发生验证错误时抛出一个新的SubmissionError对象。 看起来它位于回调函数中，该回调函数被传递给redux-forms自己的this.prop
浏览 15提问于2019-03-25得票数 0
我在我的应用程序中调试一个性能问题。每次Redux状态发生变化时，我的顶层组件App都会重新呈现，即使它的道具(来自Redux)具有相同的值。
它从Redux传递了两个道具，一个是字符串，一个是对象。
export default connect(state => ({
name: state.name, // This is a string
address: state.address // This is an object
}))(App);
引起问题的是address (对象)。我是否正确地认为这是因为Redux的connect函数做了一个浅浅的比较，并且认为addre
浏览 2提问于2019-10-31得票数 2
回答已采纳
我是新来的。
景物：
Redux State有: X、Y、Z对象：
class A {
render(){...}
}
mapstatetoprops(){
return { X: x1}
}
connect(mapstatetoprops)(A)
我在某个地方读到，当在X、Y或Z中更改redux状态时，连接调用mapstatetoprops来重新分配组件A。
但是，我只想在X被更改时才重新修改A。这有可能吗？
浏览 3提问于2018-01-05得票数 1
我能够读取reducer (Props)的值，但当该操作似乎被分派到还原器函数时，我无法更新redux值(Props2)。
页面：
componentDidMount(){
console.log("Props:"+this.props.user)
}
dummyFunction() {
//Redux
this.props.toggleTheme('red');
//which prints the object above in the screenshot
console.log(this.props.
浏览 0提问于2019-05-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
