así que estoy tratando de hacer una búsqueda de filtro. Estoy llamando a la función usando
<h2>Numbers</h2> { persons.map((persons) => <Persons persons={persons} setFilter= {setFilter} key={persons.id} />) } </div> así que creé una matriz usando el map sin embargo, cuando lo paso
const Persons = ({ persons, setFilter }) => { const checkPersonsName = setFilter === '' ? persons : persons.filter((person) => person.name.toLowerCase().includes(setFilter) ) return (<li>{checkPersonsName.name} {checkPersonsName.number}</li>) }me da error diciendo:
TypeError no detectado: people.filter no es una función.
Hice un console.log y las personas deberían ser una matriz. así que no estoy muy seguro de qué hacer aquí y por qué recibo este error.
En lo que a mí concierne, estás usando personas dos veces innecesariamente. Primero mapea a través de la matriz de persons y luego usa las mismas persons como accesorio del componente Persons .
Creo que sería mejor si usas Persons como una función, no como un componente de React, e insertas tu map y li rendering después del filter . Consulta mis códigos y caja aquí