React入坑之路

Posted 2020-08-20

1.funciton mapStateToProps(state){

　　console.log("Data page:",state) //每个界面都可以打印出所有的state或者部分

　　const{davices,locations,batterystate} = state;//从所有的state里提取部分所需数据

　　return {

　　　　devices,locations,batterystate

　　}

}

从整个state里面获取全部state或者部分所需数据到页面

function mapDispatchToProps(dispatch){

　　return {

　　　　fetchDevices : function(parsms){

　　　　　　return dispatch(frtchDevices(params))

　　　　}

　　}

}

本质为dispatch???将action从视图发送到store

 

2.static propTypes = {

　　fetchDevices:React.PropTypes.func,//mapDispatchToProps注入的函数在此调用并且自动执行

　　devices:React.PropTypes.object//mapStateToProps  里获取的的state作为props

}