Muy nuevo para reaccionar nativo y javascript... Estoy tratando de llamar a una función y parece que no hace nada.

Aquí está el fragmento de código donde se llama a la función:

 <View style={styles.rows}> <renderButtons/> //the function I want to call <TouchableOpacity style={styles.interest_button} onPress={SettingsHandler}> <Text>{" testdumdum "}</Text> </TouchableOpacity> //test to ensure nothing is wrong w function itself </View>

y ahí está la función que quiero llamar:

 const renderButtons = () => { return ( <TouchableOpacity style={styles.interest_button} onPress={SettingsHandler}> <Text>{" testsmartsmart "}</Text> </TouchableOpacity> ); }

Solo aparece el contenedor "testdumdum", y no sé por qué, ya que la función hace básicamente lo mismo por ahora.

¿Qué debo hacer para arreglar esto?