1. 程式人生 > >ReactNative 開發之元件的建立方式

ReactNative 開發之元件的建立方式

元件的建立方式分為三種:

  1. 函式式
  2. ES5
  3. ES6

函式式:

function HelloWord(){
    return <Text style={{fontSize:26}}>Hello Word</Text>
}
module.exports = HelloWord;

ES5:

var HelloWord = React.createClass({
     render(){
     return  <Text style={{fontSize:26}}>Hello Word</Text>
     }
})
module.exports = HelloWord;

ES6:

export default class HelloWord extends Component{
     render(){
     return  <Text style={{fontSize:26}}>Hello Word</Text>
     }
}

推薦大家使用ES6語法建立