// actions.js
export const updateFormInput = (inputValue) => {
  return {
    type: 'UPDATE_FORM_INPUT',
    payload: inputValue
  };
};

// reducers.js
const formInputReducer = (state = '', action) => {
  switch (action.type) {
    case 'UPDATE_FORM_INPUT':
      return action.payload;
    default:
      return state;
  }
};

const rootReducer = combineReducers({
  formInput: formInputReducer
});

export default rootReducer;

import React from 'react';
import { connect } from 'react-redux';
import { updateFormInput } from './actions';

const CustomDropdown = ({ formInput, updateFormInput }) => {
  const handleInputChange = (event) => {
    const inputValue = event.target.value;
    updateFormInput(inputValue);
  };

  return (
    <div>
      <input type="text" value={formInput} onChange={handleInputChange} />
      {/* 自定义选择下拉菜单的代码 */}
    </div>
  );
};

const mapStateToProps = (state) => {
  return {
    formInput: state.formInput
  };
};

const mapDispatchToProps = {
  updateFormInput
};

export default connect(mapStateToProps, mapDispatchToProps)(CustomDropdown);