---
title: "Discussion on \"How to use Array.filter to narrow down a list in React\" | Hashnode"
description: "Discussion on \"How to use Array.filter to narrow down a list in React\". How do you filter lists of data based on some user input? This is easily done using the Array.filter method!\nHow Does Array.filter Work? 🤔\nThe Array.filter method takes an array of items and returns a completely new array that only contains the elem..."
url: "https://hashnode.com/posts/how-to-use-arrayfilter-to-narrow-down-a-list-in-react/639de8cd719dd249722565bf"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to use Array.filter to narrow down a list in React](https://daz4126.hashnode.dev/how-to-use-arrayfilter-to-narrow-down-a-list-in-react?utm_source=hashnode&utm_medium=feed)

How do you filter lists of data based on some user input? This is easily done using the Array.filter method! How Does Array.filter Work? 🤔 The Array.filter method takes an array of items and returns a completely new array that only contains the elem...

Dec 17, 2022 · 10 min read · daz4126.hashnode.dev  
Updated Dec 19, 2022  
Read the article

-   [#javascript](https://hashnode.com/tag/javascript)
-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#filter](https://hashnode.com/tag/filter)
-   [#beginner](https://hashnode.com/tag/beginner)
-   [#webdev](https://hashnode.com/tag/webdev)

## Written by

[DAZ](https://hashnode.com/@daz-codes)

@daz-codes · Manchester, uk

  
[View profile](https://hashnode.com/@daz-codes)

Developer who loves JavaScript, functional programming, state management and mathematics

Author of Learn to Code with JavaScript, JavaScript: Novice to Ninja & Jump Start Sinatra. Creator of the Nanny State library.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.