api命中Redux加载两次导致React Hooks中的结果后收到的属性

文章/答案/技术大牛

发布

1回答

reactjs、react-toastify

我正在从reducer获取状态，但它加载了两次，例如，当我获取状态时，Toaster显示了两次。所以，问题是由于这个Toaster加载了两次，所以我得到了两次登录api登录失败的状态。我试着调试这个问题，但无法调试下面的代码(HTML被删除) import React, {useState,useEffect} from 'react'; import { loginAction }/a

浏览 14提问于2020-07-13得票数 1

回答已采纳

1回答

使用redux两次加载React组件

reactjs

我试图从redux存储中获取状态，但每当我访问redux操作时，我的组件都会通过手动加载路由加载两次，第一次它返回两个对象，一个是空状态的对象，另一个是更新状态的对象。然而，当我在路由之间切换时，它会返回新状态，但每次返回两次，或者两个相同状态的对象。这会在加载组件时导致未定义的错误，特别是在手动加载路由时，当我访问任何状态<e

浏览 1提问于2019-04-23得票数 0

1回答

调试到多个渲染器错误反应重复

reactjs、react-redux、react-hooks

React limits the number of renders to prevent an infinite loop错误。谁能帮我找出导致这个问题的原因？[props.getFrom] : [] } else { } }); 基本上，这里的用例是，在组件加载时，我想调用一个分派，其中api将被命中，结果将存储在redux<

浏览 27提问于2021-07-16得票数 2

回答已采纳

3回答

对于React功能组件，同时使用React* Hook和redux是不是很糟糕？*

reactjs、redux、react-hooks、react-functional-component

我为局部变量使用了react钩子，比如const using，setSomthing = useState('')和redux来存储通过整个组件使用存储和提供程序传递的变量。但是我被告知不应该同时使用React Hooks和Redux。有人能解释为什么我不应该，如果我不应该，我应该如何在函数组件中存储局部变量？

浏览 8提问于2019-12-18得票数 3

回答已采纳

1回答

如何将API调用的结果保存到redux存储中，并在组件首次加载时调用API？

reactjs、react-redux

所以我创建了一个工具包应用程序，我正在尝试玩redux和actions。我有一个简单的react组件，如下所示：import { fetchBoardAsync,} from '.}

浏览 2提问于2021-11-23得票数 0

回答已采纳

3回答

在react本机应用程序启动时将初始状态从API调用传递到createStore

react-native、redux、react-redux、redux-thunk

当我的react-native应用程序启动时，我在初始化redux-state时遇到了问题。我需要在应用程序启动之前进行api调用，以检索数据来更新我的状态。我希望将此调用的结果传递给我的Provider JSX元素中的createStore函数。我读过关于如何做到这一点的不同东西，但它们似乎都不起作用。Provider } from 'react-redux</

浏览 1提问于2018-05-13得票数 4

2回答

酶/Jest反应试验.反应的浅连接组分.redux>6

reactjs、unit-testing、react-redux、jestjs、enzyme

在我们的代码库中更新到redux的最新版本，所有连接的组件测试用例都开始失败(版本6)。使用创建存储const wrapper = shallow(<SomeConnectedComponent/>, {context: { store }}); 这会导致错误。阅读了几篇文章，得到

浏览 0提问于2019-12-05得票数 6

回答已采纳

2回答

React Router和redux身份验证令牌双重呈现

javascript、reactjs、routes、react-router

所以我使用redux，在用户登录时发送一个令牌。然后获取用户的令牌，如果令牌存在，则设置X个路由，否则设置Y个路由。问题是，每次刷新时，App组件都会呈现两次。那么，为什么渲染两次呢？如果你认为这样做更有效率，请用不同的方法回答同一个动作。如果你需要更多的代码，请提出来。

浏览 3提问于2020-09-19得票数 2

回答已采纳

1回答

持久化还原状态与动态urls

reactjs、web、url、redux

在我正在开发的应用程序中，我有一个由用户在下拉列表中选择的状态。在用户刷新页面后，我希望这个状态保持不变。有两种选择：通过添加"/:state"We将状态存储在url中，必须再次命中api端点才能根据状态获取数据。因此，它总是新鲜的，它的url可以存储在历史和copied/bookmarkedEverytime状态由用户更改，url更改导致pageStore的</em

浏览 4提问于2020-09-07得票数 0

1回答

关于变化的Redux热再发警告

reactjs、redux、hot-module-replacement

当我试图更新我的任何反应组件时，我会收到以下警告. 'use strict' import { render } from '

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

回答已采纳

3回答

在componentWillMount中使用redux时，防止react组件渲染两次

reactjs、redux

我有一个React组件，它在其componentWillMount函数中调度redux状态更改。原因是，当组件被加载时，它需要从url (由react-router提供动力)获得id，并触发用该id的数据设置状态的动作。Editing", item)} 这里有个问题：render会被调用两次根据<e

浏览 0提问于2015-12-18得票数 33

1回答

TypeError:无法在react* redux中读取未定义(读取'map')的属性*

javascript、reactjs、redux

我正在尝试创建一个简单的web应用程序，其中列出了使用REACT REDUX的fakestore api的产品。但是react抛出了错误"TypeError:无法读取未定义的属性(正在读取'map')“。在以下名为"productComponent.jsx“的组件中，我尝试使用map方法列出redux商店中的</em

浏览 1提问于2021-09-27得票数 1

3回答

如何在React* Hooks中使用setTimeout更新状态值？*

javascript、reactjs、redux、react-hooks

我尝试使用setTimeout函数在一段时间后重置状态值。const MapStateToProps = state => { errorMessage: state.errorReducer.error}; 我正在从一个api调用中获取errorMessage，过了一段时间后，我尝试使用useState将该消息设为空。但组件正在重新呈现，并显示相同的错误消息。你能帮我修一下这个吗？

浏览 160提问于2019-09-09得票数 0

1回答

React本机Android版本构建中断(UI导航中断，没有错误)-在调试构建中正确工作。

android、react-native、redux、react-navigation、release

该应用程序使用redux、axios和react导航： screenPressing上的搜索输入框“搜索按钮”调用redux thunk，它通过axios发出API请求，axios更新redux还原器状态主屏幕监视redux还原程序状态，当我们有新的搜索结果时，它使用react导航导航到结果屏幕。当我运行一个发行版构建(react本机运行-android-variant=r

浏览 4提问于2020-01-31得票数 1

2回答

如何通过多个数组和条件呈现组件进行映射

javascript、reactjs

现在我正在开发一个react博客类型的应用程序，我目前在尝试找出解决问题的最佳方法时遇到了问题。现在，我有一个postbody组件，它使用从redux检索到的数据将道具从redux发送到postbody模板组件。现在，它通过一个名为postItems的const进行映射。我有一个函数可以返回使用相同帖子Id的评论。我需要完成的是，一旦它映射通过帖子主体模板，如果有评论具有相同的帖子in，以显示在相同的</em

浏览 10提问于2019-10-16得票数 0

4回答

属性更改时componentDidMount未触发

reactjs、react-redux

我的react App上有一个嵌套组件。class Home extends React.Component { super(); }ShowChart是一个带有redux connect()的组件。"}; componentDidMount(){ &#x

浏览 171提问于2021-05-02得票数 0

回答已采纳

3回答

服务工作者的获取事件永不触发

javascript、service-worker

if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/react-redux/sw.js').then((我尝试了上面所能想到的几乎所有东西，从在/ can redux中删除前面的斜杠到添加一个{scope: of './'、'/'、'/react</em

浏览 6提问于2016-12-08得票数 13

4回答

React本机调试器状态未定义

javascript、ios、macos、reactjs、react-native

我正在尝试为我的项目使用远程React Native调试器。我已经在我的$ brew update && brew cask install react-native-debugger电脑上安装了React-Native-Debugger。然后我用npm install --save-dev remote-redux-devtools添加了Remote-redux-devtools包我的createStore代码看起来像这个自动取款机

浏览 2提问于2017-10-19得票数 3

3回答

React不会在自定义钩子中的状态更新中重新呈现所有组件。

javascript、reactjs、react-hooks

C1显示useCounter hook的"count"属性。 C2显示"count"属性，并在单击按钮时增加或减少该属性。Current behavior:更改"count"时，更新后的值只显示在C2中，而不显示在C1中。PS: --我已经使用Context API和redux完成了这一工作。只想知道是否可以使用custom hooks实现

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

回答已采纳

1回答

在React中使用Context和Reducer实现Redux功能不能正常工作

reactjs、redux、react-hooks

因此，我试图仅使用react钩子实现redux的功能，如以下链接https://codeburst.io/global-state-with-react-hooks-and-context-api-87019cc4f2cf& https://www.sitepoint.com/replace-redux-react-hooks-context-api

浏览 58提问于2021-10-17得票数 -1

回答已采纳

点击加载更多