<div class="container card"> <p>{individualProduct.user_comments.map((eachComment) => ( <h1 className='comment'> {eachComment} </h1> ))}</p> </div>Al hacer esto, simplemente estoy imprimiendo cada valor en la matriz use_comments, sin embargo, mi objetivo es recorrer ucomments_is_approved, y una vez, por ejemplo, ucomments_is_approved[3] == true, entonces debería mostrar user_comments[3], he vinculado a continuación una captura de pantalla de mi base de datos para que sea más fácil, soy nuevo en javascript, por lo tanto, creo que es muy simple, sin embargo, no pude resolverlo, cualquier ayuda sería buena.
tengo una matriz dada ucomments_is_approved =[true,false,false,true] y otra matriz comments_users = ["bueno","malo", "muy malo","recomendado"], lo que tengo que hacer es mostrar solo los comentarios_usuarios cuando ucomments_is_approved es verdadero, por lo que solo debo mostrar "bueno" y "recomendado" en este caso.
IMAGEN DE LA BASE DE DATOS DE FIREBASE QUE MUESTRA LOS UCOMMENTS_IS_APPROVED Y USER_COMMENTS
<div class="container card"> <p>{individualProduct.user_comments.map((eachComment, i) => { ucomments_is_approved[i] ? ( <h1 className='comment'> {eachComment} </h1> ): null })}</p> </div>