Estoy construyendo una aplicación de reacción. Tengo una colección de 'publicaciones' de la que necesito filtrar documentos si estas publicaciones fueron realizadas por usuarios en una lista como [usuario1, usuario2,...].
Puedo usar la consulta 'in' y obtener los documentos del código a continuación. Obtengo un total de 7 publicaciones como se esperaba.
db.collection('posts') .where('userId', 'in', [...friendList]) .orderBy('timestamp', 'desc') .onSnapshot((snapshot) => { console.log('posts for home feed', snapshot); setPosts( snapshot.docs.map((doc) => ({ id: doc.id, post: doc.data(), })) ); });Pero solo puede funcionar si la longitud de [friendList] es de hasta 10. Intenté obtener las instantáneas de las publicaciones realizadas por cada usuario usando promesas e iterar sobre esta instantánea recopilada para obtener los documentos (en la variable de publicaciones), pero obtengo todas las publicaciones. en el repetido una y otra vez. El código que probé:
export default function Feed({ friendList }) { // currentUser context const { currentUser } = useAuth(); // array to save posts from database const [posts, setPosts] = useState([]); // function to fetch data from database useEffect(() => { getPostsFromFriendList(friendList); }, []); async function getPostsFromFriendList(friendList) { const promises = []; for (let i = 0; i < friendList.length; i++) { promises.push(getPosts(friendList[i])); } const postsForHomeFeed = await Promise.all(promises); const array = []; for (let i = 0; i < postsForHomeFeed.length; i++) { postsForHomeFeed[i].docs.map((doc) => { array.push({ id: doc.id, post: doc.data(), }); }); } setPosts(array); console.log('posts for home feed', postsForHomeFeed); } function getPosts(userId) { return new Promise((resolve, reject) => { db.collection('posts') // .orderBy('timestamp', 'desc') .onSnapshot((snapshot) => { resolve(snapshot); }); }); }La salida de la consola que intenta imprimir las instantáneas recopiladas: salida de la consola
La longitud de la matriz resultante de las instantáneas combinadas es 3 como se esperaba (friendList tiene 3 elementos). Cada uno de ellos es un delegado de firestore. Pero cada uno de estos elementos tiene una propiedad docs con una longitud de matriz de 26. El total de documentos en la colección posterior es 26. ¿Por qué podría estar sucediendo esto?
Lamento que estoy divagando una y otra vez. Y gracias por leer mi larga pregunta. Estoy agradecido por cualquier ayuda que pueda obtener.
La razón de esto es que obtienes todas las publicaciones en getPosts . Debería agregar el filtro "dónde en" para que funcione:
function getPosts(userId) { return new Promise((resolve, reject) => { db.collection('posts') .where('userId', 'in', [userId]) // .orderBy('timestamp', 'desc') .onSnapshot((snapshot) => { resolve(snapshot); }); }); }