Question

我正在尝试实现redux-form但是我遇到了一个错误，似乎无法解决它或找到正确的解决方案。错误：React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in.

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


    LocationInput({input, meta: { touched, error }, ...custom}) {
    return (
      <div>
        <input placeholder="Location..." type="text" />
      </div>
    );
  }

  render() {

    return (
      <Form name="locationInput" component={this.LocationInput} />
    )

 }

Answer 1

您需要创建表单组件并使用redux-form装饰器

导出formComponent

export default reduxForm({
  form: 'formName'  // a unique identifier for this form
})(formComponent)

Answer 2

您不应该使用Form，除非您通过行动调度做了一些奇特的提交。仔细看看这些例子。

您需要定义表单组件，使用reduxForm()对其进行修饰，然后在其中放入一些<Field>元素。

为什么redux-form会抛出错误？

2 个答案: