How to apply a selector with others in the connect decorator? about reselect

[ellbee]

How about this?

import { createSelector } from 'reselect'

const optionsSelector = state => state.options
const valuesSelector = state => state.values
const currentGroupSelector = state => state.currentGroup
const filterSelector = state => state.filter

const currentOptionsWithValuesSelector = createSelector(
  [optionsSelector, valuesSelector, currentGroupSelector],
  (options, values, group) => {
    const opts = options.filter(opt => opt.group === group)
    // create an array of new option object where value is merged in
    const result = opts.map((opt) => ({ ...opt, value: values.get(opt.id) }))
    return {currentOptionsWithValues: result}
  }
)

export allTheThingsSelector = createSelector(
  [currentOptionsWithValuesSelector, filterSelector],
  (currentOptionsWithValues, filter) => {
    return {
      ...currentOptionsWithValues,
      filter
    }
  }
);

@connect(allTheThingsSelector)
export default class MyComponent extends Component {

}