TYPESCRIPT

use map with filter in react components from arrays of data

<div>
  {names.filter(name => name.includes('J')).map(filteredName => (
    <li>
      {filteredName}
    </li>
  ))}
</div>

map of filtered data react

function App(){
  const array = [ 23, 45, 67, 89, 12 ]

  return (
    <ul>
      { 
        array
        .filter(number => number > 60)
        .map(number => <li>{number}</li>) 
      }
    </ul>
  )
}