react如何请求数据异步

npmiredux-thunk--save
npmiaxios--save

import{createStore,applyMiddleware}from'redux'//applyMiddleware
importreducersfrom'./reducers'//reducer
importthunkfrom'redux-thunk'//thunk
varstore=createStore(reducer,applyMiddleware(thunk));//
exportdefaultstore;

importaxiosfrom'axios'
exportdefault{
getData(){
return(dispatch)=>{//redux-thunk
axios.get('http://www.xmyxapp.com/api/tab/1?start=0').then((res)=>{
console.log(res)
dispatch({
type:'GETDATA',
list:res.data.data.items.list
})
})
}
}
}

varinitState={
list:[]
}
exportconstlistReducer=(state=initState,action)=>{
varnewState={...state};
swi免费云主机域名tch(action.type){
case'GETDATA':
newState.list=action.list//action.listactionCreator
returnnewState;
default:
returnstate
}
}

import{combineReducers}from'redux'
import{listReducer}from'../components/list/reducer'
varreducer=combineReducers({
list:listReducer
})
exportdefaultreducer;

importReact,{Component}from'react'
import{connect}from'react-redux'
importactionCreatorfrom'./actionCreator';
classListextendsComponent{
componentDidMount(){
this.props.getData();//
}
render(){
console.log(this.props);
return(


{
this.props.list.list.map((item)=>{
returnitem.title?
{item.title}
:""
})
}


)
}
}
exportdefaultconnect((state)=>state,actionCreator)(List);