reduxForm 7.0.4 <input> 标签上的未知道具“input”、“meta”。从元素中删除这些道具
reduxForm 7.0.4 Unknown props `input`, `meta` on <input> tag. Remove these props from the element
我正在按照演示 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,那么我需要更改什么才能使它正常工作?
找到了-更新教程在这里:https://redux-form.com/7.0.4/examples/wizard/
本质上,我们使用一个名为 renderField.js:
的助手
从 'react'
导入 React
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"
/>
我正在按照演示 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,那么我需要更改什么才能使它正常工作?
找到了-更新教程在这里:https://redux-form.com/7.0.4/examples/wizard/
本质上,我们使用一个名为 renderField.js:
的助手从 'react'
导入 Reactconst 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"
/>