javascript - <input> 标记上的警告 : Unknown props `input` , `meta`。从元素中删除这些 Prop

Question

我正在尝试使用 redux-form 创建表单，但收到警告和错误，我无法纠正它。这是那些警告和错误:1.警告:未知 Prop input，标签上的 meta。从元素中删除这些 Prop 。2.Uncaught Error: input is a void element tag and must neither neither have children 也不能使用dangerouslySetInnerHTML。查看绑定(bind)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/