filter_original.js

const Filter = ({ categories, selectedCategories, toggleCategory }) => {
  const extendedCategories = categories.map(c => ({
    ...c,
    isShown: selectedCategories.find(sc => sc.id === c.id),
  }))
  return (
    <View style={{ flex: 1 }}>
      <FlatList
        data={extendedCategories}
        keyExtractor={i => i.id}
        renderItem={({ item }) => (
          <FilterItem category={item} key={item.id} onClick={toggleCategory} />
        )}
      />
    </View>
  )
}

const connectedFilter = connect(
  state => ({
    categories: state.categories,
    selectedCategories: state.selectedCategories,
  }),
  { toggleCategory: actions.toggleSelectedCategory }
)(Filter)

export default connectedFilter