React Native 生命周期，【好文推荐，2024年大厂前端面经

代码：

class RNHybrid extends Component {

render() {

return(

 

<Text style={ {padding:10, fontSize:42}}>

{this.props.name}

 

);

}

}

RNHybrid.defaultProps = {

name: ‘Mary’,

};

效果：

ES5和ES6写法对比:

ES6

class Greeting extends React.Component {

// …

}

Greeting.defaultProps = {

name: ‘Mary’

};

ES5

var Greeting = createReactClass({

getDefaultProps: function() {

return {

name: ‘Mary’

};

},

// …

});

总结：

props相当于iOS 里的属性，但是这个属性只是readonly。我们可以通过this.props来读取属性。

2、设置状态

---

由图片我们知道，