Redux数据进入组件的时间太晚
Redux是一种用于管理应用程序状态的JavaScript库。它遵循单一数据源原则，将整个应用程序的状态存储在一个单一的JavaScript对象中，使状态的变化可预测且易于调试。Redux的工作流程包括定义action（描述状态变化的动作）、reducer（根据action更新状态）、store（存储状态）、以及连接Redux store到组件。
对于Redux数据进入组件的时间太晚的问题，可能有以下几个方面的原因和解决方法：
- 异步操作：Redux中的数据流是单向的，当组件需要从Redux store中获取数据时，可能会发生异步操作，例如网络请求或者其他耗时操作。可以使用中间件库（如Redux Thunk、Redux Saga）来处理异步操作，确保数据在合适的时机被正确加载到Redux store中。
- 组件连接问题：组件与Redux store的连接可能没有正确地建立，导致数据进入组件的时间较晚。确保在组件中使用
connect函数将组件连接到Redux store，并通过mapStateToProps将需要的数据从store映射到组件的props中。 - Redux store更新时机：Redux使用纯函数reducer来处理action，并根据新的状态更新store。如果数据更新发生在组件渲染之后，可能会导致数据进入组件的时间较晚。可以通过在组件的生命周期方法中监听store的变化，并在数据更新时重新渲染组件。
针对这个问题，腾讯云提供了一些相关的产品和解决方案，如：
- 云函数（SCF）：云函数是腾讯云提供的无服务器计算服务，可以帮助开发者在云端运行代码逻辑。可以将Redux的异步操作部署为云函数，确保数据的及时加载和处理。详情请参考：云函数
- 轻量应用服务器（Lighthouse）：Lighthouse是腾讯云提供的高性能、轻量级应用服务器，可快速构建Web应用和API服务。可以将Redux相关的代码部署在Lighthouse上，加速数据进入组件的时间。详情请参考：轻量应用服务器
请注意，以上仅为示例产品，腾讯云还提供了众多其他适用于云计算场景的产品和解决方案，具体选择可根据实际需求和项目要求进行评估。
相关·内容
1回答
我有一个平面列表，它使用redux状态的数据呈现。数据是一个对象数组，其中我有一个布尔值，基于这个值，我呈现一个切换开关。
来自redux的数据是巨大的，目前还没有启用任何分页。问题是，当我试图更新开关值时，它将进入一个假状态，并立即返回为true，反之亦然，。
我不能每次更新redux状态的开关值，因为数据是巨大的，将需要时间重新呈现。是否有任何方法使开关启用/禁用，而不实际依赖于redux数据。
代码：
<FlatList
data={this.props.data}
renderItem={this.renderlist}
keyExtractor={item =>
浏览 2提问于2021-04-08得票数 2
2回答
学习Redux和React，我遇到了一个问题，在哪里创建了存储，并通过react传递给了我的<Provider>，但是在登录控制台时我得到了一个空对象。
import { createStore, applyMiddleware } from 'redux';
import logger from 'redux-logger';
import thunk from 'redux-thunk';
import uuid from 'uuid';
var defaultState = {
tasks: [
浏览 0提问于2018-03-14得票数 0
回答已采纳
我在ReactNative中有一个FlatList，它从一个API中拉出一个文章列表。当滚动到列表末尾时，会从API中拉出另一个文章页面，并将其附加到Redux reducer中的文章列表中。
FlatList设置为：
render() {
return(
<FlatList data={this.props.articles.articles} // The initial articles list via Redux state
renderItem={this.renderArticleListItem} // Just renders the l
浏览 4提问于2018-10-04得票数 11
1回答
组件不更新pop()
、、、
我正在使用Redux进行州管理。在将导航堆栈移动到适当使用pop()之前，我不会遇到很多问题。这个问题其实很简单：
路由A显示一些数据并将用户移动到B路线。
在B路上，用户改变了A路上显示的数据。
然后用户点击后退按钮，然后弹到A路。
路由A没有更新，尽管redux状态已经被更新。
然后，我必须退出路由A，然后通过.push()返回到A路由，以便更改生效。
我想找个办法解决这个问题，但不行。是否有任何方法来确定组件何时再次进入前屏幕？因为render()不再被调用，因为它在后台没有收到任何新的道具，所以没有理由调用它。
浏览 1提问于2017-02-24得票数 0
我试图将阿波罗和Redux连接起来，因此阿波罗执行查询和突变，返回的数据被发送到Redux商店，以便将数据分发到应用程序周围。
我相信我已经快把它做好了，但出于某种原因，这个应用程序进入了一个无限循环的Redux调度，我不知道为什么。
见下面的代码：
class Admin extends Component {
constructor(props) {
super(props);
}
render({
adminAllTokens
}, {}) {
return ( /* JSX */ )
浏览 1提问于2018-03-02得票数 1
回答已采纳
我已经将redux- persisted集成到我的应用程序中，但我正在努力将持久化数据传递到react组件中。我希望在每次刷新页面时调用api之前，有一个条件来检查过期时间(我使用redux-persist transform- expire -in作为过期时间)。
浏览 9提问于2020-02-21得票数 0
2回答
我正在将Redux集成到一个React本地应用程序中。我在解决如何通过NavigatorIOS组件传递Redux状态时遇到了困难。
当执行进入下面显示的组件时，调试器将显示
props = Object {state: undefined, actions: Object}具有actions对象中的预期操作，并且由于尚未初始化而状态尚未定义(我假设)。
但是，当执行进入ItemIndex组件时，调试器将显示props = Object {navigator: Object, route: Object}。
我的当前实现试图显式传递状态和操作，但它们没有完成:调试器现在显示了props = Ob
浏览 2提问于2016-02-12得票数 4
回答已采纳
1回答
我正在做一个项目，我有一个机器人吊在Azure和我试图自定义的网络聊天用户界面使用的反应，当用户进入“时间表会议”时，一个反应组件显示，允许用户输入一个表单的细节。在表单提交时，数据将发送给机器人。
我已经看到这可以通过使用Redux中间件和一个名为useSendPostBack的钩子来解决。但是，由于我是新的反应，谁能指导我如何实现这一点，以及如何工作的useSendPostBack钩子和我的回声机器人如何接收它。
谢谢你的帮助。
浏览 6提问于2021-06-02得票数 0
回答已采纳
我使用React有一段时间了，一段时间后，我开始问自己，为什么不把我的组件需要共享的每一块数据都存储在本地存储中，而不是使用Redux。Redux需要如此多的样板文件，而本地存储是如此简单。你可以说你不能在本地存储对象，但是你可以JSON.stringfy它们，在恢复时只需要解析它们就可以了。所以问题是我不能正确地看到这一点，因为Redux被大量使用，而本地存储通常只是用来保存你不希望在刷新时丢失的数据之类的东西。
浏览 5提问于2020-06-03得票数 14
我使用Redux和Websocket连接到服务器来检索数据。数据量大约是200k行，以Websocket消息的形式一个接一个地进入我的应用程序。一旦行出现，我想用Redux将它保存在状态中，我知道怎么做，它工作得很好。
我预见到的问题是，我不想每次向状态中添加一行时都更新视图。
我们的想法是每10秒更新一次视图，或者每10k行更新一次。
我应该如何让它正常工作？我更感兴趣的是描述的概念，而不是详细的技术解决方案。
谢谢!
浏览 0提问于2017-11-10得票数 1
我正在开发一个react web应用程序，为了节省时间，我的公司购买了一个管理仪表板。在这个面板中，他们使用redux来处理状态，并将所有设置参数存储到redux中。
但实际上，我对在每个用例中使用readux感到困惑！
我的所有请求和状态都是基于组件的，并不是全局的，这些都不是在此应用程序的其他组件中使用的必要内容！
例如，要加载游戏列表，我有以下代码：
componentDidMount() {
this.setState({
loading: true
});
http._GET('/game/getAllGames')
.
浏览 2提问于2019-06-19得票数 5
我看了下列文件。
Redux应用数据流
前面，我们讨论了“单向数据流”，它描述了更新应用程序的一系列步骤：
状态描述应用程序在特定时间点的状态。
UI是基于该状态呈现的。
当发生某些事情(例如用户单击按钮)时，状态将根据发生的情况进行更新。
UI基于Redux的新状态重新呈现，我们可以将这些步骤分解为更详细的步骤：
初始设置：
Redux存储是使用根还原函数创建的。
存储只调用根还原器一次，并将返回值保存为其初始状态。
当UI第一次呈现时，UI组件访问Redux存储的当前状态，并使用该数据来决定呈现什么。他们还订阅任何未来的商店更新，这样他们就可以知
浏览 3提问于2020-10-29得票数 2
回答已采纳
1回答
请您帮助决定哪一种架构会更好(从API中提取带有help本机、redux、redux-thunk的列表)。
示例
// component
componentDidMount() {
this.props.dispatch(fetchFunction());
}
// thunk action
fetchFunction () {
dispatch START_LOADING
return dispatch (
fetch()
dispatch SUCCESS_LOADING
);
}
或
示例
// component
compo
浏览 0提问于2018-10-31得票数 0
我正在尝试实现redux-saga动作调度功能，就像redux工具包中的Automated Re-fetching一样。 打开应用程序时，我会分派一些操作来从服务器获取数据并更新redux存储。当用户停留在后台并重新进入应用程序时，根据用户保持不活动的时间长短，应用程序将重新调度操作以再次从服务器获取数据。我可以在每次从服务器获取时保存时间戳，并比较从非活动状态切换到活动状态的时刻的时间。但是如果提供了一个已经做得很好的功能，我肯定会想要使用它！
浏览 30提问于2021-07-30得票数 0
1回答
我正在制作一个使用redux和redux持久化的本机应用程序。
实际行为:当用户登录并关闭apen并在一段时间后重新打开时，他应该直接进入登录视图。但是在我的应用程序中，首先会出现loggedout页面，在存储被重新水化后，它会自动重定向到loggedin视图。
App.js如下所示
// all other import statements
const { store } = configureStore({});
class App extends Component {
constructor() {
super();
this.state = {
浏览 2提问于2018-03-06得票数 0
1回答
与fetch
、、、
我已经使用Redux和React和thunk中间件有一段时间了，并且没有得到一些时间。
当组件只需要这些数据时，可以使用普通的获取内部组件并将结果保存到本地状态吗？缺点是什么？
假设我们和作者有一页。用户单击作者并导航到包含此作者的所有图书的页面。现在，用户返回到作者页面并单击不同的页面。关于前一个作者的数据仍然在Redux存储中，并将被显示，直到新的请求完成。如何克服这一问题？
浏览 0提问于2018-10-09得票数 0
1回答
我正在用redux连接一个简单的登录页面。问题是它会进入无限的渲染循环。我正在使用React钩子，只是想在成功登录后将页面重定向到主页"/“。
useEffect(() => {
if (props.loggedIn === "true") {
localStorage.setItem("userToken", `Bearer ${props.userToken}`);
props.history.push("/");
}
}, [props.loggedIn])
我在redux中
浏览 0提问于2020-07-13得票数 2
1回答
我有一个rest应用程序，它可以获取这样的数据，并为redux提供了thunk +诺言中间件：
export const fetchVenues = () => ({
type: 'FETCH_VENUES',
payload: axios.get('http://localhost:3000/mock/venues'),
});
这些数据进入存储区，组件使用从那里获取的数据。
我可以用graphql查询或其他东西交换“有效负载”中的rest请求吗？
令我困惑的是，Redux说：“数据存在于存储中，只能通过操作进行更改”，但是阿波罗将数据直
浏览 3提问于2016-10-26得票数 2
回答已采纳
我有一个组件，它依赖于redux存储。我的redux商店看起来就像这样
{
user: {
auth: true,
id: '5a603c58288fc745f8cada9e',
first_name: 'john',
email: 'xyz@abc.com',
company_id: '5a66d8b92cd8e931680778dc',
company_name: 'My Company',
}
}
因此，基本上，当我刷新页面时，存储就会消失，需要一段时间
浏览 0提问于2018-01-23得票数 1
回答已采纳
简短的问题:我们应该将组件和容器放在单独的文件夹中，还是应该将它们全部放在components文件夹中？
详细信息:我认为标准是，如果它是一个没有绑定到Redux状态( app状态)的组件，那么它只是一个组件，将进入components文件夹。
如果它是一个绑定到Redux状态的组件，那么它被称为容器，应该进入containers文件夹。
但我也看到一些项目没有区别他们，只是把所有的东西放在components文件夹中。
我们是否应该把它们分开，还是把它们统合在一起呢？
浏览 0提问于2017-04-12得票数 0
当我进入/bar路由时，我检查redux状态是否为空。
如果是零，我想立即重定向，而不是1-3秒。
之后不运行代码，因为如果redux状态为空，则会引发错误。
/bar
function Test() {
const reduxState = useSelector((state) => state.user);
useEffect(() => {
if (reduxState.username === null) Router.push('/');
return () => {};
}, []);
console.log
浏览 9提问于2022-08-20得票数 0
1回答
我有相对简单的基于类的组件连接做redux-saga。它包含输入和按钮，当用户输入一些东西并按下按钮saga方法(异步一)时，该输入作为参数运行。一段时间后，它会返回一些数据或错误。我想在异步调用后有条件地将用户重定向到具有某些数据的不同页面或错误页面。
到目前为止，我已经成功编写了组件saga和可视化部分，但我仍在努力解决重定向部分。
我的意思是redux调用是成功的(redux状态正确更改)，我的问题是如何检测组件内部的redux状态更改，然后重定向用户。我假设我必须使用一些生命周期方法，但同时我不想重新呈现它(毕竟在两种情况下，成功的调用或错误的调用，用户都会被重定向到不同的页面)。
浏览 13提问于2019-07-27得票数 0
在上找到迷你系列讲座之后，我已经和redux一起工作了一段时间。我试图理解redux和this.state之间的区别，以及在什么时候使用哪一种。
在redux之前，我设置了一个全局容器组件，它承载了整个应用程序的状态。例如，当它收到来自websocket的数据更改时，它将对适当的状态项调用this.setState，从而触发UI更改(例如，将一个新的TODO添加到其子组件的列表中)。我发现redux是个很好的替代品。
然而，当涉及到维护另一种状态(比如用户当前的状态)时，我发现很难使用redux，因为我必须在本质上独立于Navigator维护自己的屏幕历史。当有嵌套的导航器时，它也变得很困难，
浏览 2提问于2015-12-07得票数 4
回答已采纳
1回答
在我的React/Redux应用程序中，我有一个timelineReducer，它允许我集中管理项目、任务等不同对象的时间轴。
最近发现了一个我以前没有注意到的错误，因为它需要一组环境才能发生。
当我请求父对象的时间线时，我调用一个动作，该操作发出一个API调用，并在timeline: []中设置timelineReducer数组。
然而，如果我请求Project A并迅速改变主意，进入Task B，碰巧当时有一个缓慢的网络连接，那么即使我在Task B的页面上，我也会得到属于Project A的时间线数据。
我确实有在componentWillUnmount()生命周期方法上执行的清理例程，
浏览 0提问于2018-07-04得票数 0
回答已采纳
2回答
我是新的反应，我从redux获得数据，首先，我从redux获得一个对象，然后将它传递给redux中的函数，并在还原器中设置一个numReg值。
当我通过this.props.fetchAccountDetail(data)在操作中调用一个函数时，它会向API发送一个请求，并从API中获取数据，并将其保存在还原器或存储中。当我通过this.getDataFromAccount(accountDetail.num)在呈现中调用函数时，它会进入无限循环中。
我想要返回数据，它应该只运行一次。
import React, { Component } from 'react'
impor
浏览 0提问于2019-08-06得票数 2
回答已采纳
我有一个相当晦涩的问题，它确实可能是因为我自己这样做，如果是这样的话，请随时指出它。
我有一个promises链，我需要为后续的API调用访问中间值。一旦所有的承诺都被解析，我就会执行一个API调用，该API调用利用了各种中间返回值。
最后，根据该调用的结果，我将对API进行最后一次调用。但是，此调用的结果用于更新Redux State，因此使用Redux Thunk作为中间件来完成，以促进异步操作。
挑战在于，我需要以设定的时间间隔轮询数据库，以检查Redux API调用是否执行了请求它的工作(这项工作包括将一些长时间运行的任务放在Redis任务队列中，然后在任务完成后让队列工作者更新数据库
浏览 0提问于2019-10-26得票数 0
1回答
从自定义钩子到saga的数据
、、、、
我要把一些Redux商店从Redux转移到reactQuery，因为他们不需要在Redux里面。现在，我已经将一个国家数组从一个商店移到了一个用rectQuery调用API的定制钩子上。
现在，另一个传奇需要使用国家数组。但看上去我不能在一部传奇里打个钩子。我知道错误：
错误: React "useCountries“在函数"onSearchInit”中被调用，该函数既不是React函数组件，也不是自定义React函数。React组件名称必须以大写字母开头。名称必须以“使用”一词开头。反应钩/钩规则
我像这样进口我的钩子：
import { useCountries } fro
浏览 6提问于2022-07-28得票数 1
ListFolders是一个反应组件。以及从MainLayout组件传递给此组件的“文件夹”数据支柱。
MainLayout组件使用redux connect并获取“文件夹”。
在这里，我在ListFolders，中的问题是在列出文件夹时有一些映射和计算。因此，因为第二次调用需要更多时间，这是一个重要的性能问题。
下面是基本的例子。我正在使用redux-saga和immutable.js。我得到了name (ContainerDesc)，id (IdEncrypted)，haveChildFolders和childFolders。
在这里，它两次进入if (folders !== undef
浏览 1提问于2019-02-01得票数 0
1回答
当在存储中的同一对象上同时调度多个操作时，redux的行为如何？ 例如，如果我订阅了两个不同的数据流，并且每次在流上接收数据时，我都会执行一个处理函数。处理程序函数处理数据并分派一个动作来更新redux存储中的相同对象。如果我同时在两个流上接收数据，并在同一时间或接近同一时间分派操作，那么redux如何处理状态更新？ 这些操作是按照它们进入的顺序一次处理一个，还是同时处理，第二个操作可能会覆盖第一个操作对状态所做的更改？
浏览 15提问于2020-06-19得票数 0
回答已采纳
反应16.3 Redux 3.7.2
在componentDidMount中，我将通过AJAX填充道具的动作称为(mapDispatchToProps) (AJAX)。
我的问题是，它从redux -呈现中重用旧道具，在更新通过mapDispatchToProps到达之后，再重新呈现。
我不想让这个子组件记住它的状态或道具-我需要它每次都是空白的。
文档指出，组件在卸载时就被销毁了，但情况似乎并非如此，因为当您进入此页面或在页面上重新加载时，状态会有所不同。
因为当您重新加载时，没有数据，所以页面必须等待副作用完成。
不幸的是，我不能给你提供一个代码样本--但是任何接触过这种奇怪行为的人都应该
浏览 0提问于2018-11-25得票数 0
回答已采纳
我有一个使用redux.js的React应用程序。我有一个timeoutMonitor函数，当用户没有在指定的时间框架内完成任务时，它就会运行。它分发一个redux操作(logoutUser())，然后在redux中在我的homepageSlice中设置一个错误，以便在主页上显示一条消息。
const timeoutUser = () => {
dispatch(logoutUser()) // logs out user and sets the url back to the hompage
updateHomePageMessage('Session has
浏览 3提问于2022-08-05得票数 0
我正在使用React和Redux，这是我在总体上的第一个项目。到目前为止，我有一堆组件，它们都是通过Redux“获取”和“设置”全局数据的。因此，基本上每个组件都有以下内容：
this.props.actions.UseInfo(this.props.commonData);
function mapStateToProps(state) {
return {
commonData: state.something.commonData
};
}
function mapDispatchToProps(dispatch) {
return {
actions:
浏览 1提问于2017-03-14得票数 1
回答已采纳
我正在对一个使用许多连接组件(数百个)的大型React/Redux应用程序进行一些性能分析。
我想跟踪连接组件的数量作为性能度量，这样我就可以准确地估计我的每帧预算，例如mapStateToProps和其他Redux逻辑。
React可以访问页面上的所有组件，所以我希望要么重用它所做的相同的钩子，要么接受任何允许我枚举页面上所有组件的钩子(从那里我可以知道它们是否包装在Connect中)。
浏览 1提问于2018-09-14得票数 2
回答已采纳
我有点头疼。我有两个应用程序。它们是独立的工具。但是，其中一个工具1使用了工具2的一部分。工具1如何进入工具2的Redux状态？有没有中间件可以让我以某种方式绑定它们。
TOOL APP1 -有自己的redux存储工具APP2 -有自己的redux存储
我需要一个来自APP1的APP2行为。因此，不用“构建”一个新版本，只需导入APP2的子部分并使用它……现在，问题来了。APP1现在需要知道如何设置和检索它存储在APP2子组件中的状态。
redux有没有这样做的方法，或者？
更糟糕的是，我想我可以将Redis子组件状态存储在localStorage或APP2等文件中。然后我可以用它给APP1补
浏览 3提问于2016-04-08得票数 4
我有两个组成部分。在组件A中，有人单击按钮时，我希望将输入字段集中在组件B中。
我正在使用Redux，在我的Redux存储中保存dataInputFocus，每当设置为true时，我就重新呈现我的组件&希望集中输入字段。然而，这不起作用：componentWillReceiveProps(nextProps)被调用了，它也进入了if (我尝试了一些console.logs)，但是this.myInp.focus();就是不起作用。
// Import React
import React from 'react';
import {bindActionCreators}
浏览 0提问于2017-05-06得票数 2
回答已采纳
根据的说法，ComponentWillUnmount可以取消请求。
我有一个页面，它请求一个iframe来加载，以及其他的页面请求。如果用户决定在页面仍在处理请求时从页面导航，我如何才能取消这些请求，使其不影响用户随后进入的其他页面？
我应该注意到我使用的是Redux和Redux-saga。
浏览 2提问于2016-12-12得票数 5
回答已采纳
我只想在index.js中导入组件'MessageDialog‘一次，然后在其他页面中使用它。所以我将组件存储在redux中。但我在进入页面时遇到错误。我还没这么做过。我可以在redux中存储一个组件吗？ index.js： import { MessageDialog } from 'miot/ui';
...
let data = {
MessageDialog: <MessageDialog />,
messageDialogOptions: {
title: '我是标题',
messa
浏览 40提问于2019-06-19得票数 0
我们有一个大型的并使用Redux来管理数据。
目前我们使用es6语法和类组件，我们将使用基于函数的组件和响应钩子。
在react子组件中访问redux存储的最佳方法是什么？
在每个componentPassing子中，使用从redux到redux的连接方法，即redux状态(在使用redux连接方法的组件中)并传递redux状态。
通过道具到子组件？
浏览 4提问于2020-07-11得票数 0
我没有使用Redux或Flux或任何框架来解决这个问题。我有一个想要为多个页面重用的React组件。
它有一个状态来控制它的可见性。
如何进入组件，并从标准的HTML按钮触发状态？
大多数答案指向Redux/Flux/MobX，但它们是针对SPA的，但我的答案是一个没有框架的普通页面，没有安装React组件。
浏览 20提问于2017-08-23得票数 0
回答已采纳
我在React中有一个应用程序，我已经使用Redux在两个减速器中拆分了我的状态。在我的一个组件中，当服务器挂载时，我从服务器上获取一些数据，并且我还有一个delete按钮。
当组件挂载时，我所使用的用于获取数据的操作，我也希望在componentDidUpdate中使用它，因此一旦我从列表中删除和条目，我将更新列表。我从componentDidUpdate中记录了以前的状态，并看到它仍然在使用来自组件的状态。
我是否可以从componentDidUpdate中访问Redux中的前一个状态，以便与当前状态进行比较，这样就不会进入无限循环？
浏览 2提问于2019-06-07得票数 2
回答已采纳
1回答
我已经在有角的中小型项目中工作了很长一段时间，只要有一些数据需要从服务器加载，团队就会直接将其存储到Redux存储中。这样，当用户在“页面”之间导航时，如果用户决定刷新页面，就可以保留数据。
然而，最近我一直在做一个“适当的”角度教程，我们通过组合服务(在app.module.ts中提供)实现了相同的结果，以保留数据和。解析器确保在加载主页面时，所需的数据被加载到服务中。此外，如果数据不太大，我甚至可以将其存储到localStorage中，因此，如果数据不存在，则消除解析器中的HTTP请求。
除了不太可能的用例( 1.需要加载大量数据)和2.用户由于某些原因经常刷新网页之外，我不太明白为什么我
浏览 7提问于2019-11-14得票数 2
回答已采纳
在类中加载任何内容之前，是否可以等待Redux操作完成？
我有一个页面，它使用登录用户的数据，数据存储在Redux状态。在React类中，我将动态地调用Redux状态下的数据。如果用户未登录，代码将运行错误，因为登录数据不存在。如何使代码等待Redux操作检查用户是否已登录，如果用户未登录，则在呈现数据之前和错误发生之前将其重定向到另一个页面？
任何类似的
on('REDUX_ACTION_LOGGED_IN', () => {})
会很有用的。
我还看到了一个关于redux-wait-for-action之类的在线软件包。有人能教我如何在这里实现这一点吗？文件不太清楚。
浏览 6提问于2020-05-07得票数 0
1回答
我想知道如何将道具传递给兄弟类组件，比如在给定的映像中。我无法用语言来解释它，因为它似乎太难理解(至少对我来说)。
我有一个App(Class组件)，其中包含给定的状态变量。我使用状态生成一个对象，该对象包含诸如日历(日期、周、年)之类的信息。按钮外观由此脚本生成。
时间表组件使用一些道具(基于哪个按钮按下)，这些支持用于从Firestore数据库收集数据。
我知道React有一个单向数据流，从上到下，这就是我搞不懂的原因。我不想使用Redux，如果可能的话。
Q1:我如何告诉时刻表组件按下了哪个按钮以及它包含的日期？
Q2:在这种情况下，我真的需要使用Redux吗？
*编辑
浏览 1提问于2020-06-25得票数 0
回答已采纳
我是一个新的react-native，我正在从服务器获取数据，并在数据的基础上更新我的UI元素，就像改变背景颜色或隐藏图像一样。为了实现这一点，我应该遵循什么方法，现在我正在尝试使用redux来实现，但不知何故无法更新redux中的特定项，因为在redux中我正在存储Json数据。我试着更新，但仍然没有运气来更新redux。
基本上，如果我从服务器自动获得任何数据，比如通知或其他数据，我想在每个屏幕上更新我的UI。
请帮助我决定更好的方法来实现这一点。
提前谢谢。
依赖关系：
"dependencies": {
"firebase": "^5.0
浏览 3提问于2019-05-14得票数 1
首先，我想说我已经读过这个主题，但我仍然不能理解发生了什么，所以如果它是重复的，我提前道歉。组件从componentDidMount上的服务器获取数据，但不知何故进入了无限循环。我正在使用react router & redux saga，并且所述组件的父组件也连接到redux存储(我认为这就是问题所在)。 App.js渲染方法： render() {
console.log(this.props.isAuthenticated);
let routes = (
<Switch>
<Route path="/login" componen
浏览 51提问于2019-01-28得票数 1
回答已采纳
<Provider store={this.props.store}>
<ConnectedRouter history={this.props.history}>
<AppWrap>
<Header />
<Main>
<Switch>
<Route exact path="/" component={Component1}/>
<Route path="/component2"
浏览 1提问于2017-12-20得票数 1
回答已采纳
3回答
自从我用React和Redux开发前端以来，已经有一段时间了。Redux仍然是React开发中的相关资产吗？只使用React组件状态、道具和生命周期钩子而不使用Redux这样的全局状态，Redux有什么好处？对我来说，全局状态就像是一种反模式，功能不是很强。
另外，让React项目自举的最好方法是什么，包括路由和REST连接的最可靠组件？
浏览 4提问于2018-10-03得票数 1
我在我的应用程序中有一些列表-有像这样的屏幕
ListScreen
CreateItemScreen
EditItemScreen
所以用户首先进入ListScreen，他可以点击"add item“并进入CreateItemScreen。如果他想删除项目，他需要去EditItemScreen，那里有一个“删除”按钮。
项目存储在redux状态-所以当用户创建项目时，它将被存储在redux中。如果用户编辑它-它将在redux中编辑。如果他想删除项目，则需要在redux中删除它。
当用户单击“删除”时，系统会将其删除，并将用户重定向回ListScreen。按钮系统触发delete ite
浏览 18提问于2020-05-15得票数 0
我们都知道constructor -> componentWillMount -> componentDidMount是执行的顺序。
现在，当redux出现并试图访问组件生命周期中的redux属性时。连接执行的顺序是什么，以便数据是可用的生命周期方法，忽略和数据更新到redux。可能性是
1. Connect (DATA AVAILABLE) -> constructor & componentWillMount & componentDidMount
2. constructor -> Connect (DATA AVAILABLE) -> c
浏览 0提问于2018-06-07得票数 13
回答已采纳
1回答
我正在构建一个简单的React，我使用api设置状态，我使用Link进入详细页面，但是当我从Link进入另一个页面并按后退按钮时，它将再次设置状态。但是，当我从back按钮返回到页面时，我试图防止再次设置状态。
App.js
function MainPage() {
const [blogs, setBlogs] = useStae([]);
useEffect(() => {
axios.get("/api/blogs/").then((res) => {
setBlogs(res.data.blogs)
浏览 5提问于2022-11-02得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
