测试mapDispatchToProps异步操作

文章/答案/技术大牛

发布

1回答

reactjs、asynchronous、testing、jestjs、redux-thunk

当调度异步函数时，我正在尝试测试我的mapDispatchToProps函数。我已经读过丹·阿布拉莫夫关于如何测试mapDispatchToProps的建议，我正在试着测试我的代码。TypeError: Cannot read property 'then' of undefined const dispa

浏览 22提问于2017-12-23得票数 0

3回答

在mapDispatchToProps中使用thunks

reactjs、redux、react-redux

我想知道如何在react-redux的connect中使用mapDispatchToProps中的异步操作创建器。function mapDispatchToProps(dispatch) { foo: function() { }; }但是，当我执行上述操作时

浏览 0提问于2016-10-13得票数 9

回答已采纳

1回答

使用react连接，但this.props.tableList中的错误不是一个函数。

reactjs、react-redux

我的组件代码的一部分，在componentDidMount中，通过操作调用tableList函数，代码也在下面。在调用this.props.tableList时产生错误不是一个函数，因此不知道为什么connect第二个param mapDispatchToProps返回通过connect将动作tableList绑定到此组件的解决方案更改：export default connect(null, mapDispatchToProps)(CreateGenericTable)改为const CreateGenericTableRedux= co

浏览 2提问于2018-02-14得票数 0

2回答

mapDispatchToProps中的路由器访问历史支柱

javascript、reactjs、react-redux、react-router

如何从history中访问mapDispatchToProps支柱如果您的mapDispatchToProps函数声明为接受两个参数，它将被调用，调度作为第一个参数，而传递给连接组件的道具作为第二个参数有时，您可能还需要在最初由操作启动的异步</em

浏览 1提问于2018-12-07得票数 0

2回答

使用Jest和Redux的异步组件快照

reactjs、asynchronous、redux、jestjs

我发现Jest在测试Redux React应用程序时非常有用。然而，有很多关于如何测试异步操作创建器的例子，但我真的不知道如何对异步组件进行快照。这就是我的thunk的样子，它使用axios。this.props.getLinkInfo}> </a>

浏览 0提问于2017-03-14得票数 3

2回答

React Redux中出错:未处理的拒绝(错误)：操作必须是纯对象

reactjs、redux、react-redux

this.props.addMessage(msg);这是Chat.js末尾的connect函数： ...stateconst mapDispatchToPropsdispatch => ({}); mapStateToProps, mapDispatchToPropstext: '',

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

回答已采纳

1回答

使用Jest/Jest测试异步mapDispatchToProps操作时出现错误

asynchronous、react-redux、jestjs、enzyme、redux-thunk

当调度异步函数时，我正在尝试测试我的mapDispatchToProps操作。我几乎尝试了我找到的所有可能的解决方案，但到目前为止都没有奏效。我们创建了一个函数来构建mockStore，所以我尝试直接在我的测试文件中创建mockStore，但它们都返回了相同的错误。下面是我测试的代码： describe('Component async actions', () => { const middlewares = [thunk, queryMidd

浏览 56提问于2019-06-06得票数 1

5回答

既然我们已经有了mapDispatchToProps，为什么还要redux-thunk呢？

react-redux、redux-thunk

Redux-thunk允许您创建返回函数而不是操作的操作创建器。内部函数接收存储方法dispatch和getState作为参数。setTimeout(() => { }, 1000);}const

浏览 0提问于2017-06-12得票数 4

3回答

在mapDispatchToProps中链接的胖箭头给我一个错误

javascript、reactjs、redux、react-redux

错误:操作必须是普通对象。使用自定义中间件进行异步操作。 // Actions Creator e: React.FormEvent<HTMLInputElement> type: INPUT_CHANGE, value: e.curr

浏览 0提问于2019-07-05得票数 1

回答已采纳

1回答

等待“调度”，以隐藏带有“`setState`”的模态框

javascript、reactjs、redux

我只是使用setState隐藏/显示模式容器，并进行网络操作的调度。我的问题是，在执行异步操作时，我们不能把setState和调度混为一谈吗？如果是，为什么？如果没有，我的方法有什么问题？执行操作后，再次使用setState关闭模式。用于异步操作的代码： dispatchSave(data) { dispatch(actions.save

浏览 0提问于2019-11-24得票数 0

1回答

如何通过react-redux正确使用异步函数

asynchronous、redux

我实际上是通过重新创建一个骰子游戏来学习redux的，但我很难理解异步函数是如何进入数据流的。我见过一些例子，这些例子不是真实世界的例子，没有提供足够的信息。实际上，我的简短问题是，我如何订阅每个容器的子容器，并从mapDispatchToProps调度异步函数。这里是整个代码的链接，如果它可以提供帮助的话。

浏览 0提问于2017-08-03得票数 0

1回答

动作创建者中的有条件调度

redux、react-redux

我正在绑定操作创建者中执行基本验证。const mapDispatchToProps = { if (performValidation(props)) {return { type: 'SOME_ACTION' }; }如果验证失败，并且我不返回要调度的操作，则会收到错误。使用自定义中间件进行异步操作。这是意料之中吗？我可以通过使用thunk来解决这个问题，但

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

回答已采纳

4回答

在加载路由时，如何从无状态组件分配Redux操作？

reactjs、react-redux、react-router-redux、redux-saga

目标：在加载反应路由器路由时，分派一个Redux操作，请求异步工作人员为该路由的底层无状态组件获取数据。从函数内部分派Redux操作。我的问题在一定程度上与有关，但我的目标只是发送一个Redux操作，请求异步地将数据填充到存储区(我使用Saga，但我认为这与问题无关，因为我的目标只是发送一个普通的Redux操作)，在此之后，无状态组件将由于数据支柱的更改而重新呈现编辑:到目前为止，我想出的唯一解决方案是在mapDispatchToProps内部发送操作

浏览 7提问于2016-09-29得票数 32

1回答

如何用jest在redux的mapDispatchToProps中测试箭头函数

redux、react-redux、jestjs

如何在组件的mapDispatchToProps中测试两个简单操作。命令来测试我正在使用的是jest --coverage，它告诉我要测试我的代码的下一行： returnrightText: () => dispatch(rightText()), }; }

浏览 3提问于2017-05-11得票数 1

回答已采纳

2回答

无法从组件中设置状态的React/Redux

reactjs、redux、react-redux

现在我的发信和出口都是这样安排的 return bindActionCreators({ setRooms },dispatch);我的房间减速机看起来像这样 import {SET_ROOMS

浏览 0提问于2017-12-01得票数 2

回答已采纳

2回答

Redux:无法读取未定义的属性“那么”

reactjs、redux、react-redux

我正在尝试将mapDispatchToProps内部的操作结合起来。尝试获取数据和启动后的模式对话框。但我一直无法读取属性‘那么’的未定义错误。const mapDispatchToProps = dispatch => ({ // console.log(fetchThing

浏览 1提问于2017-07-03得票数 0

1回答

React Native，Redux -如何在成功执行另一个异步操作后执行异步操作

react-native、redux、react-redux

在react原生应用程序中，我需要通过执行异步操作来更新列表项，在成功执行特定的异步更新操作后，我需要使用上述更新操作的更改分别重新加载列表项。在这里，我通过执行异步操作来重新加载列表。我想知道如何在成功执行第一个异步操作(A)和第二个异步操作(B)后，依次执行两个异步操作(A和B)。我已经用redux实现了一个原生的react应用。基本上，它是使用web服务与

浏览 31提问于2020-04-02得票数 0

1回答

Redux测试:操作必须是普通对象。使用自定义中间件进行异步操作

redux、jestjs、enzyme、sinon

现在我正在尝试用Enzyme、Jest和Sinon测试它。const mapDispatchToProps = (dispatch, ownProps) => { onSubmit: (updates) => {操作必须是普通对象。使用自定义中间件进行异步操作。这使得在当前情况下可能无法工作的HTTP Request。如何修复此错误？我需要测试是否调用了构造函数，但稍后还需要查看内部Co

浏览 1提问于2020-02-04得票数 0

回答已采纳

1回答

redux动作创建者的最佳实践

reactjs、react-redux

使用redux-thunk来分派操作。比方说，我必须编写一个操作创建者来保存和打印用户名。哪一个动作创建者在下面的2之间更好，为什么？

浏览 4提问于2017-06-16得票数 0

1回答

mapDispatchToProps要显式

reactjs、redux

在react/redux中，我尝试将此mapDispatchToProps转换为显式：我试过这个：const mapDispatchToProps = (dispatch) => { createOrganization: (organization) => {

浏览 0提问于2017-12-28得票数 0

点击加载更多