reduxForm 7.0.4 <input> 标签上的未知道具`input`，`meta`。从元素中移除这些道具答案

【问题标题】：reduxForm 7.0.4 Unknown props `input`, `meta` on <input> tag. Remove these props from the elementreduxForm 7.0.4 <input> 标签上的未知道具`input`，`meta`。从元素中移除这些道具
【发布时间】：2017-11-16 10:10:37
【问题描述】：

我正在设置一个表单向导，如 here 所示，但出现上述错误。

它认为令人反感的组件是

<Field 
    name="Company"
    component={company => (
                            <div>
                            <input type="text" {...company} 
                             placeholder="company" />
                            {company.touched && company.error && <span>
                            {company.error}</span>}
                            </div>
    )}
/>

我知道本教程是为 reduxForm 6.5.0 编写的，并且我正在运行 7.0.4，那么我需要进行哪些更改才能使其正常工作？

【问题讨论】：

标签： javascript react-redux redux-form react-redux-form

【解决方案1】：

找到了——更新教程在这里：https://redux-form.com/7.0.4/examples/wizard/

本质上，我们使用了一个名为 renderField.js 的助手：

从“反应”导入反应

const renderField = ({ input, label, type, meta: { touched, error } }) =>
  <div>
    <label>
      {label}
    </label>
    <div>
      <input {...input} placeholder={label} type={type} />
      {touched &&
        error &&
        <span>
          {error}
        </span>}
    </div>
  </div>

export default renderField

然后，字段就这样渲染了：

<Field
        name="firstName"
        type="text"
        component={renderField}
        label="First Name"
      />

【讨论】：