方法一:ES6创建组件
export default class HolleCompany extends Component{
render() {
return (
<Text style={{fontSize:20,backgroundColor:'red'}}>Hello</Text>
);
}
}
方法二:ES5创建组建
var HolleCompany=React.createClass({
render() {
return <Text style={{fontSize:20,backgroundColor:'red'}}>Hello</Text>
}
});
module.exports=HolleCompany;
方法三:函数式,(无状态,不能使用this)
function HolleCompany() {
return <Text style={{fontSize:20,backgroundColor:'red'}}>Hello</Text>;
}
module.exports=HolleCompany;