日日行,不怕千万里

React --- 组件生成方式

// class 组件生成(容器性组件)
import  React, { PropTypes, Component } from "react";
import classes from "./style/container.css";
import { connect } from "react-redux";
const propTypes = {  };
class Container extends Component {
   constructor(props) {
     super(props);
   }
   render() {
     return (
       <div  className={classes["container-style"]}>
         123
       </div>
     )
   }
 }
 
Container.propTypes = propTypes;

const mapStateToProps = (state) => ({

});
const mapDispatchToProps = (dispatch) => ({

});

export connect({ mapStateToProps, mapDispatchToProps })(Container);
 
  
 
 // function 组件生成;(展示性组件)
import React, { PropTypes } from "react";
const propTypes = {  }
function Container() {
   return (
     <div>
       123
     </div>
   )
}
 
Container.propTypes = propTypes;

 

posted @ 2017-11-05 13:39  GongXiaoZhu  阅读(454)  评论(0编辑  收藏  举报