El contenido nos explica como hacer de buscar datos o filtrar el array o un objeto.
Un campo para buscar
<input class="form-control" value={this.state.text} onChange={(text) => this.filter(text)}/>
Una función para filtrar datos
filter(event){
var text = event.target.value
const data = this.state.productoBackup
const newData = data.filter(function(item){
const itemData = item.titulo.toUpperCase()
const textData = text.toUpperCase()
return itemData.indexOf(textData) > -1
})
this.setState({
producto: newData,
text: text,
})
}
Por si desear buscar mas de un objeto
filter(event){
var text = event.target.value
const data = this.state.productoBackup
const newData = data.filter(function(item){
const itemDataTitle = item.titulo.toUpperCase()
const itemDataDescp = item.descripcion.toUpperCase()
const campo = itemDataTitle+" "+itemDataDescp
const textData = text.toUpperCase()
return campo.indexOf(textData) > -1
})
this.setState({
producto: newData,
text: text,
})
}
Sos un crack hermano!!
Durisimo, me sirvio para el trabajo 😉
Muchas gracias mi hermano, te felicito, sería bueno que más adelante lo hiceras con hooks, yo lo cambie, pero muchas personas quizas se enreden, un abrazo
vale con gusto un dia lo hare.
Hola Edwin, cómo sería con hooks??