Question

我正在尝试使用redux-form。我正在遵循官方文件中的例子。

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

class Example extends Component {
    // ...
};

const mapStateToProps = (state) => ({
    // ...
});

const mapDispatchToProps = (dispatch)  => ({
    // ...
});

Example = connect(
    mapStateToProps,
    mapDispatchToProps
)(Example);

export default reduxForm({
    form: 'example' // a unique name for this form
})(Example);

返回语法错误：“示例”是只读的。如果有人能告诉我这里的错误，我将不胜感激。我使用的是redux-form@7.2.0。

由于

Answer 1

这是一个例子。你需要使用函数connect然后函数reduxForm

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

const mapStateToProps = () => ({});

const mapToProps = {};

const mapToForm = {
  form: 'example'
};

class Example extends Component {
};

export default connect(mapStateToProps, mapToProps)(
  reduxForm(mapToForm)(
    Example
  )
);

Answer 2

我通常创建一个单独的js来映射状态和道具。请参阅以下示例：

<强> index.js

import Example from './Example'

import { connect } from 'react-redux'

function mapStateToProp (state) {
  return {
    anything: get(state, 'anything', {})
  }
}

const mapDispatchToProp = dispatch => ({
})

export default connect(
  mapStateToProp,
  mapDispatchToProp
)(Example)

如何使用reduxForm

2 个答案: