Array search returns a new empty array

Question

Below is my code with a search input hoos and I can't identify why it isn't working.

import Herois from './json/videos.json'

function App() {
  const [valueInput, setValueInput] = useState('')
  const [newArray, setNewArray] = useState([])

  useEffect(() => {
    const results = Herois.filter((i) => {
      i.title.toLowerCase().includes(valueInput.toLowerCase())
    })
    
    setNewArray(results)
    console.log(newArray)
  }, [valueInput])
}

is always becoming an empty array

@matmahnke - after update that was suggested below, Returns a value if I give console.log in the results, if I give console.log in newArray it returns empty — Ruan Duarte
– Ruan Duarte, Commented Sep 25, 2020 at 0:47

Besufkad Menji · Accepted Answer · 2020-09-25 00:39:56Z

1

const results = Herois.filter((i) => {
 // you have to return the something here
 return i.title.toLowerCase().includes(valueInput.toLowerCase())
})

or

const results = Herois.filter((i) => (i.title.toLowerCase().includes(valueInput.toLowerCase())
 ))

answered Sep 25, 2020 at 0:39

Besufkad Menji

1,58813 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ruan Duarte Over a year ago

Returns a value if I give console.log in results, if I give console.log in newArray it returns empty

Besufkad Menji Over a year ago

setNewArray is an async function means it will not block the next piece of code(console.log(newArray)) until it finishes executing. if you want to test newArray empty or not use this: setTimeout(()=>{console.log(newArray)},1000)

Collectives™ on Stack Overflow

Array search returns a new empty array

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related