Soy muy nuevo en Javascript y React Native y estoy buscando la mejor solución, gracias de antemano :)

Resumen rápido de lo que estoy programando: esta característica específica está destinada a acceder a nuestra base de datos y enumerar todos los padres y crear nuevos objetos (Programa) y adjuntar todos los atributos de la base de datos a esta nueva instancia de "Programa". Luego, para asegurarnos de enumerar todos los programas cada vez, incluso si se agregan más, simplemente creamos una matriz global con todos estos "Programas" y los enumeramos en nuestra pantalla. Esta característica global es para mí acceder a la matriz desde una página secundaria más tarde una vez que tenga el índice.

 const programsRef = ref(getDatabase(), 'programs'); class Program { constructor(name, description, inperson, online){ this.name = name; this.description = description; this.inperson = inperson; this.online = online; } } global.programList = []; //Converted to a global array to access items in array from other pages get(programsRef).then(snapshot => { snapshot.forEach(item => { const temp = new Program(item.val().name, item.val().description, item.val().inperson, item.val().online); programList.push(temp); }) });

Luego, con el código React Native, lo mostramos con .map()

 <View style={styles.middleContainer}> <View> <Text style={styles.heading}> Programs </Text> {programList.map((item) => <View key={item.name}> <Pressable onPress={() => navigation.navigate('COURSE', { ID: item.name, desc: item.description, Index: {programList.findIndex(Program => {return Program.name === item.name;})}, })}> <Text style={styles.bodyText}>{ item.name }</Text> </Pressable> </View> )} </View> </View>

Como puede ver dentro de Pressable, he incluido pasar accesorios a la página secundaria. el problema es que quiero pasar el índice de la instancia del programa al niño, pero agregar JavaScript allí de esa manera hace que el compilador no esté contento:

 index.js:1 ./Screens/Programs.js:79:33 Syntax error: Unexpected token, expected "," 77 | ID: item.name, 78 | desc: item.description, > 79 | Index: {programList.findIndex(Program => {return Program.name === item.name;})}, | ^ 80 | })}> 81 | <Text style={styles.bodyText}>{ item.name }</Text> 82 | </Pressable>

No sé cómo convencer al compilador para que tome el código y no espere un solo argumento. ¿Algunas ideas?