我想从输入字段react-redux中获取数据

npm install react-redux

const getInputData = (data) => {
  return {
    type: 'GET_INPUT_DATA',
    payload: data
  };
};

const inputDataReducer = (state = '', action) => {
  switch (action.type) {
    case 'GET_INPUT_DATA':
      return action.payload;
    default:
      return state;
  }
};

import React from 'react';
import ReactDOM from 'react-dom';
import { createStore } from 'redux';
import { Provider } from 'react-redux';
import inputDataReducer from './reducers/inputDataReducer';
import App from './App';

const store = createStore(inputDataReducer);

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

import React from 'react';
import { connect } from 'react-redux';

class MyComponent extends React.Component {
  render() {
    const { inputData } = this.props;

    return (
      <div>
        <input type="text" value={inputData} onChange={this.handleInputChange} />
      </div>
    );
  }

  handleInputChange = (event) => {
    const { dispatch } = this.props;
    const inputData = event.target.value;

    // 调用action来更新输入字段数据
    dispatch(getInputData(inputData));
  }
}

// 将存储中的数据映射到组件的props
const mapStateToProps = (state) => {
  return {
    inputData: state.inputData
  };
};

export default connect(mapStateToProps)(MyComponent);