如何在React和Redux中更改表单输入值？

import React, { useState } from 'react';
import { useDispatch } from 'react-redux';
import { updateFormValue } from './actions';

const MyForm = () => {
  const [inputValue, setInputValue] = useState('');
  const dispatch = useDispatch();

  const handleInputChange = (e) => {
    setInputValue(e.target.value);
  };

  const handleSubmit = () => {
    dispatch(updateFormValue(inputValue));
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <button onClick={handleSubmit}>Submit</button>
    </div>
  );
};

export default MyForm;

// actions.js
export const updateFormValue = (value) => {
  return {
    type: 'UPDATE_FORM_VALUE',
    payload: value,
  };
};

// reducer.js
const initialState = {
  formValue: '',
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_FORM_VALUE':
      return {
        ...state,
        formValue: action.payload,
      };
    default:
      return state;
  }
};

export default reducer;

// store.js
import { createStore } from 'redux';
import reducer from './reducer';

const store = createStore(reducer);

export default store;

import React from 'react';
import { Provider } from 'react-redux';
import MyForm from './MyForm';
import store from './store';

const App = () => {
  return (
    <Provider store={store}>
      <MyForm />
    </Provider>
  );
};

export default App;