reactjs - 使用 Redux Form 的表单输入未更新

Question

我的输入字段在按键时没有更新:

import React, { Component, PropTypes } from 'react';

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

class CitySelector extends Component {
  render() {
    const { isFetching, pristine, submitting, handleSubmit } = this.props;

    return (
      <form className="form-horizontal col-xs-offset-1" onSubmit={handleSubmit(this.fetchWeather)}>
        <div className="form-group">
          <div className="col-md-4 col-xs-4">
            <Field name="city"
                   component={city =>
                     <input type="text" className="form-control" {...city.input} placeholder="enter a city for a 5 day forecast"/>
                   }
            />
          </div>
          <div className="col-md-3 col-xs-3">
            <button type="submit" className="btn btn-success">Submit</button>
          </div>
        </div>
      </form>
    );
  }
}

export default reduxForm({
  form: 'cityForm'
})(CitySelector);

我需要为文本输入提供 onChange 处理程序吗？

Answer 1

我也遇到了同样的问题，而且我的错误很简单。

这是我所拥有的:

import { combineReducers } from 'redux';
import { reducer as forms } from 'redux-form';

import otherReducer from './otherReducer';

export default combineReducers({ otherReducer, forms });

请注意，我将 redux-form reducer 作为 forms 导入，并使用 ES6 对象属性值简写将其按原样传递给我的 mergeReducers(就像我对 otherReducer 所做的那样)。

问题是用于将redux-form reducer传递给我们的combineReducers的key必须命名为form>，所以我们必须将其更改为:

export default combineReducers({ customer, form: forms });

或

import { reducer as form } from 'redux-form';
export default combineReducers({ otherReducer, form });

希望这对其他人有帮助......