Adding False Functionality to Filtering
Explore how to enhance a generic filter function and React UI component to support filtering based on truthy and falsy values. Learn to use an isTruthySelected flag, update filter state management, and refactor callbacks for toggling filter options. Understand the complexities involved in creating flexible filters that allow users to mix and match conditions for effective data filtering.
We'll cover the following...
So far, our function explicitly filters on properties that return a truthy value. But, what if we want the opposite behavior, specifically filtering for properties that are falsy? For example, we might be maintaining a data type similar to IWidget and want to find widgets that don’t have a title or description.
Let’s extend our genericFilter function to handle this use case. Similar to how we added a descending and ascending flag to genericSort, we’ll need to include an isTruthySelected flag to genericFilter, which will trigger the opposite behavior of our existing function. Again, filtering adds additional complexity. Unlike the isDescending global flag we could pass to genericSort ...