在Redux中获取输入值

// 定义初始状态
const initialState = {
  inputValue: ''
};

// 定义reducer
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'SET_INPUT_VALUE':
      return {
        ...state,
        inputValue: action.payload
      };
    default:
      return state;
  }
};

// 创建store
const store = createStore(reducer);

// 创建action
const setInputValue = (value) => ({
  type: 'SET_INPUT_VALUE',
  payload: value
});

// 连接Redux和组件
const mapStateToProps = (state) => ({
  inputValue: state.inputValue
});

const mapDispatchToProps = (dispatch) => ({
  setInputValue: (value) => dispatch(setInputValue(value))
});

const ConnectedComponent = connect(mapStateToProps, mapDispatchToProps)(Component);

// 在组件中获取输入值
class Component extends React.Component {
  handleChange = (event) => {
    this.props.setInputValue(event.target.value);
  };

  render() {
    return (
      <input type="text" value={this.props.inputValue} onChange={this.handleChange} />
    );
  }
}