1.函数定义:method1(){
}
2.组件类定义:
class classA extends React.Component {
render() {
return (
);
}
}
3.组件属性
class Video extends React.Component {
static defaultProps = {
maxLoops: 10,
}; // 注意这里有分号
static propTypes = {
videoSrc: React.PropTypes.string.isRequired,
}; // 注意这里有分号
render() {
return (
);
} // 注意这里既没有分号也没有逗号
}
4.组件state
class Video extends React.Component {
state = {
loopsRemaining: this.props.maxLoops,
}
}
5.回调函数
class PostInfo extends React.Component
{
handleOptionsButtonClick(e){
this.setState({showOptionsModal: true});
}
render(){
return (
<TouchableHighlight
onPress={e=>this.handleOptionsButtonClick(e)}
>
<Text>{this.props.label}</Text>
</TouchableHighlight>
)
},
}