如何解决如何解决由 redux 表单引起的 Create react app 中的警告?
我正在为我的应用程序使用 create react app 并收到多个警告,如下所示。
警告:收到非布尔属性 false
的 valid
。
如果要将其写入 DOM,请改为传递字符串:valid="false" 或 valid={value.toString()}。
我使用的是 redux 表单,下面是我的输入元素组件。
import React from 'react';
import {Field} from "redux-form";
const renderInput = ({input,Meta,rest,inputProps}) => (<div className="form_input">
{console.log(Meta)}
<label htmlFor={inputProps.id}>{inputProps.label}</label>
<input {...inputProps} {...input} active="false" {...rest} className="form-control" />
{Meta.touched && Meta.error && <span className="error">{Meta.error}</span>}
</div>);
export default function TextArea(props) {
return (
<Field name={props.name} inputProps={props} component={renderInput} />
)
}
调用元素如下
<Input label="Email" name="email" className="form-control" id="email" placeholder="Email" />
如何解决这些警告?
我发现这个链接解决了类似的问题,但我必须修复 redux 表单。
任何帮助将不胜感激。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。