React Js Filter Array List by Category

How can I filter an array list by category using Reactjs?

This code snippet demonstrates how to create a React.js app that filters an array list of sport persons by category. It uses the useState hook to manage the selected category and dynamically updates the list based on the selected category. The array sportPersonList contains objects with id, name, and category properties.

The app renders a dropdown menu with category options and a list of sport persons. When a category is selected, the list updates to display only those sport persons belonging to the selected category. The code efficiently filters the array using the filter method and maps the filtered items to display their names and categories in a list.