第一次react-native项目实践要点总结

今天完成了我的第一个react-native项目的封包，当然其间各种环境各种坑，同时，成就感也是满满的。这里总结一下使用react-native的一些入门级重要点（不涉及环境）。注意：阅读需要语法基础： ES6 、react 、JSX

我对react-native的理解简而言之就是 ：react的语法 ＋ native的组件

组件的创建声明

class HelloWorldApp extends Component {
  constructor(props) { super(props); this.state = {
  
    };
  }
  render() { return (
      <Text>Hello world!</Text>
    );
  }
}

上面代码定义了一个“类”，可以看到里面有一个constructor方法，这就是构造方法，而this关键字则代表实例对象。当你在其他的组件中调用这个组件时，就会实例化这个“类”（即组件）。

注意：组件名需要大写

组件的导出、引用与注册

在ES6中，新增了import和export俩个关键字来导入导出模块。react－native的组件也是采用的这俩个关键字。

俩种方式：

第一种：

导出：
export default class HelloWorldApp extends Component{
    render() { 
        		
网友评论