第一次react-native項(xiàng)目實(shí)踐要點(diǎn)總結(jié)

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

我對(duì)react-native的理解簡(jiǎn)而言之就是 ：react的語(yǔ)法 ＋ native的組件

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

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

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

注意：組件名需要大寫(xiě)

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

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

倆種方式：

第一種：

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