react native简单组件初始化

简单总结组件页面js必备内容

//1、rcc可以在sublimeText中将加载框架加入Improt React ,{ PropTypes} from ‘react’;Import {StyleSheet,ListView,RefreshControl,ScrollvView,Text,TouchableOpacity,InteractionManager,Image,View,DeviceEventEmitter}from ‘react-native’//2、进行import文件Import LoadingView from ‘../文件夹/文件名’;Import store from ‘react-native-simple-store’;//commonjs以及AMD引入文件的方式require(‘路径/图片名’)//3、全局使用变量对象等  Const propTypes ={ 变量: 类型 ，变量 : 类型 };Const pages =[];Let loadMoreTime =0;//4、组件类class 类名 extends React.Component{constructor(props){Super(pops)//动态改变的变量This.state = {   变量名  :  初始化值,变量名: 初始化值，}//需要全局绑定一次的监听事件  这样会让方法名对应事件只有一个，适合全局//绑定注册的方法This.方法名 =  this.方法名.bind(this);}//1render页面加载之前，用于状态初始化 componentWillMount(){}// render页面初始化之后，用于进行 dom，可以在此动态改变页面节点等//或者动态替换DOM元素等componentDidMount(){}//页面销毁时候调用componentWillUnmount(){}//在this.props被修改或者父组件调用 setProps方法后被调用componentWillReceiveProps(){}//组件是否需要更新，，根据变量，决定返回true 或者false，，用户触发某些内容，如数//据变化等,,,类似页面刷新shouldComponentUpdate(){return true;}//将要更新时候调用componentWillUpdate(){}//更新完毕时候调用componentDidUpdate(){}//父子 组件 通信  父组件中使用子组件，子组件通过 this.props.属性来获取父组件传    //入参数//如果子组件  设置了 ref属性，那么父组件就可以通过 this.ref.设置的属性名称  来获//取子组件render(){   //一些获取对象语句return( 控件整体界面);}}//5 、组件样式定义const styles= StyleSheet.create({样式名 :{样式},样式名 :{样式}});//6、 让组件可以被外部通过 文件引入使用Export default 组件名称;