首页 > 代码库 > React入坑之路(一)

React入坑之路(一)

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

}

React入坑之路(一)