Tengo la siguiente estructura de carpetas
mi-aplicacion/
├─ node_modules/
├─ origen/
│ ├─ RepositorioItem.jsx
│ ├─ Lista de repositorios.jsx
│ ├─ Principal.jsx
├─ paquete.json
├─ LÉAME.md
├─ App.js
RepositoryList y RepositoryItem se importan a Main.jsx. Main.jsx importado a App.js
Si modifico el código en App.js o Main.js, y lo guardo. La aplicación Expo GO muestra inmediatamente los cambios.
Si modifico los componentes RepositoryList.jsx o RepositoryItem.jsx y los guardo, se produce una actualización rápida, pero no se muestran los cambios. Solo si vuelvo a cargar manualmente la aplicación.
Si modifico el componente RepositoryList.jsx Y Main.jsx. Los cambios en Main.jsx se muestran inmediatamente, pero los cambios en RepositoryList.jsx solo se muestran después de una recarga manual.
Además, si cambio RepositoryItem o RepositoryList... "Actualizando... Usando Fast Refresh muestra" pero los cambios no se reflejan en la aplicación
Lo probé con un teléfono y una tableta, el problema está presente en ambos dispositivos.
¿Hay alguna manera de arreglar esto?
Está utilizando archivos JSX (RepositoryItem.jsx; RepositoryList.jsx; Main.jsx). ¿Has intentado cambiar la extensión solo a JS? (Javascript) Es decir: RepositoryItem.js
Fast Refresh funciona en archivos anidados en subcarpetas como RepositoryList.js y RepositoryItem.js .
La razón por la que no se actualizó para mí es porque en RepositoryList devuelvo un componente FlatList , y dentro de eso, renderItem es RepositoryItem . Al igual que:
return ( <View> <FlatList data={repositories} ItemSeparatorComponent={ItemSeparator} renderItem={RepositoryItem} /> </View> ); Ahora la pregunta es: ¿Por qué Fast Refresh no funciona si cambio RepositoryItem , que es el atributo renderItem de FlatList ?