使用redux-form和easy-peasy

npm install redux-form

import { createStore, combineReducers } from 'redux';
import { reducer as formReducer } from 'redux-form';

const rootReducer = combineReducers({
  // 你的其他reducer
  form: formReducer
});

const store = createStore(rootReducer);

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

let ContactForm = props => {
  const { handleSubmit } = props;
  return (
    <form onSubmit={handleSubmit}>
      <div>
        <label htmlFor="firstName">First Name</label>
        <Field name="firstName" component="input" type="text" />
      </div>
      <div>
        <label htmlFor="lastName">Last Name</label>
        <Field name="lastName" component="input" type="text" />
      </div>
      <button type="submit">Submit</button>
    </form>
  );
};

ContactForm = reduxForm({
  // a unique name for the form
  form: 'contact'
})(ContactForm);

export default ContactForm;

npm install easy-peasy

import { createStore, action } from 'easy-peasy';

const storeModel = {
  todos: [],
  addTodo: action((state, payload) => {
    state.todos.push(payload);
  })
};

const store = createStore(storeModel);