Javascript Redux异步操作不工作
我的应用程序中有此异步操作无法正常工作。我估计错误在Javascript Redux异步操作不工作,javascript,reactjs,react-redux,Javascript,Reactjs,React Redux,我的应用程序中有此异步操作无法正常工作。我估计错误在mapDispatchToProps中 以下是mapDispatchToProps: const-mapDispatchToProps=(调度)=>{ 返回{ fetchUserList:()=>{ log('---在fetchUserList---'中); 派遣({ 类型:获取用户列表, 有效负载:新承诺((解决、拒绝)=>{ 设xhr=newXMLHttpRequest(); log('xhr:',xhr); xhr.open('GET'
mapDispatchToProps
中
以下是mapDispatchToProps
:
const-mapDispatchToProps=(调度)=>{
返回{
fetchUserList:()=>{
log('---在fetchUserList---'中);
派遣({
类型:获取用户列表,
有效负载:新承诺((解决、拒绝)=>{
设xhr=newXMLHttpRequest();
log('xhr:',xhr);
xhr.open('GET','http://localhost:5000/data/fetch/users');
xhr.onload=()=>{
log('---在onload函数中---');
console.log(xhr.responseText);
解析(JSON.parse(xhr.responseText));
}
xhr.onerror=()=>{
log('---在onerror函数中---');
拒绝(xhr.statusText);
}
xhr.send();
})
});
}
如上所述,如果您希望生成一个xhr.send()文件,那么您的操作应该是纯java脚本对象约书亚?R?YEP,我在一个请求上得到了200个OK,以及DATAI的预览,认为你应该考虑处理你的异步动作。它是ReDux的作者写的中间件,用于这个明确的目的。在这个链接中,他有一个惊人的文字演练:如何使用Tunk,如何编写它们,使用它们来调度动作。处理错误案例的行动等。伟大的知识来源,道具。双关语有意!