En FeedScreen, trato de obtener "userData" de la tienda redux y lo introduzco en una Flatlist. Pero no se muestra nada. Compruebo console.log con la herramienta de desarrollo Chrom, puedo ver el elemento en "userData" pero .length es cero y "userData[0]" no está definido.
Si actualicé la aplicación con expo, se muestra la lista plana.
Creo que está relacionado con el tiempo, ya que "userData" se obtiene de la tienda Firebase y FeedScreen está anidado en MainScreen Tab Navigator.
¿Como arreglarlo?
el código que se muestra a continuación se extrae solo de la sección correspondiente y registro la tienda redux en MainScreen.js. El reductor redux está funcionando como se esperaba.
FeedScreen.js
export default function FeedScreen(props,{ navigation }) { const [useData2, setUserData2] = useState({}); const userData = useSelector(state=> state.userState.userdata) console.log(userData) console.log(userData.length) }MainSceen.js
....
let tempPostArr2=[]; let subUserPost = followingList.map(uid => { const q = query(collection(db, "post", uid, "userPosts"), orderBy("timestamp", "asc")); const unsubscribe = onSnapshot(q, (querySnapshot) => { let tempPosts = querySnapshot.docs.map((doc) => { const data = doc.data(); const postId = doc.id; return { postId, ...data, uid } }) tempPostArr2.push(tempPosts) }) }) dispatch(fetchAllUsersPost(tempPostArr2)) return ( <Tab.Navigator initialRouteName='Feed' labeled={false}> <Tab.Screen name="Feed" component={FeedScreen} options={{ tabBarLabel: 'Home', tabBarIcon: ({ color, size }) => ( <MaterialCommunityIcons name="home" color={color} size={size} /> ), }} /> </Tab.Navigator> )Punto menor sobre console.log : si lo alimenta con un objeto directamente como lo ha hecho, tiende a estar "en vivo" si intenta abrirlo para ver el contenido del objeto. Entonces, si realmente desea saber cuál era el objeto en el momento del registro, es necesario console.log(JSON.stringify(x)) .
Encontré la respuesta, onSnapshot proporciona una función de devolución de llamada. El despachador se ejecuta antes de que se ejecute la función de devolución de llamada. Hago un cambio de estado en la función de devolución de llamada y uso useEffect para reiniciar el despachador.