使用 redux-form[v 6.0.5] getFormValues 不会给 props 添加值

Question

我正在尝试使用容器中的 getFormValues 将表单值添加到道具。但是，当我在派生组件中查找值属性时，我得到了一个未定义的。我想念什么？

容器代码：

import {reduxForm, getFormValues} from 'redux-form';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
import * as actions from '../actions/propertiesActions';
import Properties from '../components/common/Properties';

const mapStateToProps = (state, ownProps) => {
    return {
        form: ownProps.id,
        values: getFormValues(ownProps.id)(state)
    };
};

const mapDispatchToProps = (dispatch) => {
  return {
    actions: bindActionCreators(actions, dispatch)
  };
}

export default connect(mapStateToProps, mapDispatchToProps)(reduxForm()(Properties));

在属性组件中，调用 this.props.values 将 return 未定义。

可能是什么问题？谢谢，

Answer 1

属性 «values» 是 redux 形式的保留键。您需要尝试使用其他键，例如 «formValues»。

@connect(
  (state) => ({
    formValues: getFormValues('form-name')(state) || {},
  }),
  {}
)
@reduxForm({
  form: 'form-name'
})

export default class Form extends Component {
  static propTypes = {
    ...
    formValues: PropTypes.object.isRequired,
    ...
  }

  render() {
    return (
    );
  }
}

使用 redux-form[v 6.0.5] getFormValues 不会给 props 添加值

Using redux-form[v 6.0.5] getFormValues does not add values to props

reactjs

redux

redux-form

react-redux