Tengo una lista de productos para renderizar. También tengo una serie de palabras clave que se utilizan para excluir productos de la representación.

Estoy recorriendo la matriz de palabras clave y comprobando si el título del producto contiene alguna de las entradas. Luego devuelve un valor booleano.

El siguiente código no funciona. El archivo console.log funciona y refleja el resultado, pero no se procesa nada.

 function inExcludes(product, excludedItems) { excludedItems.forEach( item => { if (product.includes(item)) { console.log(true); return true; } else { console.log(false); return false; } }) }

 export function CardsFiltered(props) { const cards = props.items.map((product) => { if (inExcludes(product.title, props.excludedItems) === false) return ( <CardValidation key={product.id} id={product.id} product={product} /> ) }) return ( <> {cards} </> ); }

Pero si configuro una variable como booleana, cambio esa variable si la condición es verdadera y luego devuelvo esa variable, funciona y mis tarjetas se procesan (código a continuación).

¿Alguien puede arrojar luz sobre esto? Porque no puedo resolverlo.

 function inExcludes(product, excludedItems) { let result = false; excludedItems.forEach( item => { if (product.includes(item)) { result = true; } }) return result; }

 export function CardsFiltered(props) { const cards = props.items.map((product) => { if (!inExcludes(product.title, props.excludedItems)) return ( <CardValidation key={product.id} id={product.id} product={product} /> ) }) return ( <> {cards} </> ); }