реагировать на собственное имя структур экспорта / рендеринга

В React Native я видел 2 способа сделать экспорт / рендеринг, как их зовут, какие еще есть способы экспорта?

В одну сторону:

export default function App() {
return (
  <View style={styles.container}>
   <Text>Open up App.js to start working on your app!</Text>
  </View>
);
}

Второй способ:

export default class App extends React.Component {
 render() {
   return (
     <View style={styles.container}>
       <Text>MaKo Open up App.js to start working on your app!</Text>
     </View>
   );
 }
}