Entiendo cómo puedo crear clases de componentes y luego renderizar para reaccionar de forma nativa. Pero, ¿cómo puedo hacer lo mismo con las funciones? Aquí está mi código es app.tsx que no se compila:

 declare var require: any var React = require('react'); var ReactDOM = require('react-dom'); import React, { useState } from 'react'; import { Text, TextInput, View } from 'react-native'; const PizzaTranslator = () => { const [text, setText] = useState(''); return ( <View style={{ padding: 10 }}> <TextInput style={{ height: 40 }} placeholder="Type here to translate!" onChangeText={newText => setText(newText)} defaultValue={text} /> <Text style={{ padding: 10, fontSize: 42 }}> {text.split(' ').map((word) => word && '🍕').join(' ')} </Text> </View> ); } export default PizzaTranslator; ReactDOM.render(<PizzaTranslator></PizzaTranslator >, document.getElementById('root'));