如何集成redux-form和redux-observable

import { createStore, applyMiddleware, combineReducers } from 'redux';
import { createEpicMiddleware } from 'redux-observable';
import { reducer as formReducer } from 'redux-form';
import { combineEpics } from 'redux-observable';

const formEpic = (action$, state$) =>
  action$.pipe(
    ofType('SUBMIT_FORM'), // 替换为你的表单提交action类型
    mergeMap(action => {
      // 在这里处理表单提交的逻辑
      // 可以使用ajax请求发送表单数据到服务器
      return ajax.post('/api/submit', action.payload).pipe(
        map(response => ({
          type: 'SUBMIT_FORM_SUCCESS',
          payload: response
        })),
        catchError(error => ({
          type: 'SUBMIT_FORM_ERROR',
          payload: error
        }))
      );
    })
  );

const rootEpic = combineEpics(formEpic); // 将所有的epic合并成一个根epic

const epicMiddleware = createEpicMiddleware();

const rootReducer = combineReducers({
  form: formReducer, // 将redux-form的reducer加入到根reducer中
  // 其他的reducer...
});

const store = createStore(
  rootReducer,
  applyMiddleware(epicMiddleware)
);

epicMiddleware.run(rootEpic); // 运行根epic

import React from 'react';
import { Field, reduxForm } from 'redux-form';

const MyForm = props => {
  const { handleSubmit } = props;

  const onSubmit = values => {
    // 在这里触发表单提交的action
    props.submitForm(values);
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <div>
        <label htmlFor="name">Name</label>
        <Field name="name" component="input" type="text" />
      </div>
      <div>
        <label htmlFor="email">Email</label>
        <Field name="email" component="input" type="email" />
      </div>
      <button type="submit">Submit</button>
    </form>
  );
};

const ConnectedForm = reduxForm({
  form: 'myForm' // 替换为你的表单名称
})(MyForm);

export default ConnectedForm;