一、前言背景：
學習react native的關鍵在於組件，依靠組件的拼接達到想要的效果，由此可見，組件就像一塊塊功能各異的零件，最終搭建出我們想要的效果。
今天我們就從組件的導入、導出開始
下面是我們編寫react native代碼時，很普遍的代碼范式：
import React, {Component} from 'react' import {View, Text} from 'react-native' export default class Example extends Component { ... }
其實，這就是體現了組件的導入和導出，import導入，export導出
二、分析
（一）、問題：
- 如何導出組件、如何使用導出的組件（即導入）？
- 如何導出變量和常量，又如何使用？
- 如何導出方法，又如何使用？
（二）、解決
ES6導入導出組件：
//導出Example組件
export default class Example extends Component{ ... } //導入組件
import Example from ''./Example
ES5導入導出組件：
//ES5導入組件
var Example = React.createClass({ ... }) module.export = Example //ES5的組件導入
var {View, Text} = require('react-native') var Example = require('./Example')
變量、常量的導入導出
//導出變量和常量
export var name = '小米' export const age = '8'
//或者可以這樣。。
var newName = '大米' const newAge = '18' export {newName, newAge} //導出Example組件
export default class Example extends Component{ ... } //導入組件
import Example, {name, age, newName, newAge} from ''./Example
方法的導入導出（同變量、常量的導入導出）
//導出變量和常量
export var name = '小米' export const age = '8'
//或者可以這樣。。
var newName = '大米' const newAge = '18' export {newName, newAge} export function sum(a, b){ return a+b; } //導出Example組件
export default class Example extends Component{ ... } //導入組件
import Example, {name, age, newName, newAge, sum} from ''./Example
通過上面的代碼可以發現：export導出和export default導出並不一樣
1. export default只可導出一個，而export可以導出多個
2.export default ***導出的，導入時需要直接導入，如import ***；
而export導出的多個，導入時需要使用大括號來接收，如import {param1，param2}
三、結束