警告：未知道具`input`，<input>标签上的`meta`。从元素中移除这些道具

Question

我正在尝试使用 redux-form 创建表单，但我收到一个警告和一个我无法纠正的错误。以下是那些警告和错误： 1.警告：标签上的未知道具input、meta。从元素中移除这些道具。 2.未捕获的错误：输入是一个空元素标签，不能有children，也不能使用dangerouslySetInnerHTML。检查绑定的createElement的render方法。

这是我的代码：

import React, { Component } from 'react';
import { reduxForm,Field } from 'redux-form';
const  { DOM: { input, select, textarea } } = React;


class Createstudent extends Component {
  render() {
    const { handleSubmit } = this.props;
    return (
      <form onSubmit={handleSubmit}>
        <div>
          <label>First Name</label>
          <Field name="firstName" component={input} type="text"/>
        </div>
        <div>
          <label>Last Name</label>
          <Field name="lastName" component={input} type="text"/>
        </div>
        <div>
          <label>Email</label>
          <Field name="email" component={input} type="email"/>
        </div>
        <button type="submit">Submit</button>
      </form>
    );
  }
}

// Decorate the form component
Createstudent = reduxForm({
  form: 'contact' // a unique name for this form
})(Createstudent);

export default Createstudent;

Answer 1

显然，这是文档中的一个突出问题。一个当前开放的 github 问题正在关注它：

https://github.com/erikras/redux-form/issues/1952

可以在此处找到正确的更新示例：

http://redux-form.com/6.4.1/examples/react-widgets/