Buenas tardes, tengo el siguiente problema y es que estoy intentando filtrar unos items y no lo estoy logrando.
La funcion de esto seria la siguiente:
Tengo un header con checkboxes que son las categorias, pero, lo que necesito es que no se muestren todas las categorias, sino solamente las que se estan usando.
Entonces tengo por aqui el objeto que trae todas las categorias de la API
Lo que necesito seria aplicando un filter()
filtrar estas categorias para que solo se muestren las que tambien estan en este array
que es el que trae las categorias usadas.
["3D", "VR", "Audio-Visual", "WebGL", "Sound", "Physics", "AI", "2D"]
Intente algo como esto basandome en otro filter que habia hecho para otra cosa en el sitio pero de nada me sirvio.
getTags() {
fetch(backend()+'/api/tags', {
method: 'GET'
}).then(result => result.json())
.then(tags => {this.setState({tags});
var arr = [];
var backup = this.state.categories;
for (var i = 0; i < tags.length; i++) {
arr.push(this.state.tags[i].name)
}
tags = this.uniqueArray(arr);
const categories = backup.filter(cat => {
const _tags = tags
const hasTags = _tags.filter(tag => tags.includes(tag));
if (hasTags.length) {
return cat;
}
});
this.setState({categories});
});
}
Alguna idea?
.name
?allTags.filter(tag => usedTags.includes(tag.name));
.