Доступ к состоянию и диспетчеризации в обратном вызове Redux Connect

Question

У меня есть функция, которая связывает состояние и диспетчеризацию с функцией.Например:

function bindStateToGetFoo = (state, dispatch) => (arg1, arg2) => {
  const { val1, val1 } = state;
  dispatch(createAction());
  ...
};

Я делаю это, потому что не хочу дублировать код в mapStateToProps и mapDispatchToProps.Функция используется в нескольких компонентах.Это чище:

connect(
  state => ({
    someFunction: bindStateToSomeFunction(state),
  }),
  dispatch => ({
    anotherFunction: bindDispatchToAnotherFunction(dispatch),
  }),
);

Однако, когда функция требует и состояния, и отправки, я не знаю, как с этим справиться.Есть ли способ получить доступ и к состоянию, и к отправке в обратном вызове Redux connect?

Answer 1

Не могли бы вы сделать что-то подобное?

function createDispatcherAndSelectorFunctions(...args) {
    return {
         dispatcher: (id, name) => ({
            type: "MY ACTION"
            payload: {
                id, name
            }
         }),              
         selector: (state) => state.foo
    } 
}


const {dispatcher, selector} = createDispatcherAndSelectorFunctions("hello world"); 

connect(
    state => ({
        data: selector(state), 
    }), 
    dispatch => ({
        fn: (id, name) => dispatch(dispatcher(id, name))
    })
);