第一次react-native項目實踐要點總結(jié)

今天完成了我的第一個react-native項目的封包，當(dāng)然其間各種環(huán)境各種坑，同時，成就感也是滿滿的。這里總結(jié)一下使用react-native的一些入門級重要點（不涉及環(huán)境）。注意：閱讀需要語法基礎(chǔ)： ES6 、react 、JSX

我對react-native的理解簡而言之就是 ：react的語法 ＋ native的組件

組件的創(chuàng)建聲明

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

上面代碼定義了一個“類”，可以看到里面有一個constructor方法，這就是構(gòu)造方法，而this關(guān)鍵字則代表實例對象。當(dāng)你在其他的組件中調(diào)用這個組件時，就會實例化這個“類”（即組件）。

注意：組件名需要大寫

組件的導(dǎo)出、引用與注冊

在ES6中，新增了import和export倆個關(guān)鍵字來導(dǎo)入導(dǎo)出模塊。react－native的組件也是采用的這倆個關(guān)鍵字。

倆種方式：

第一種：

導(dǎo)出：
export default class HelloWorldApp extends Component{
    render() { 
        		
網(wǎng)友評論