当第三方库使用相同的道具名称但期望该道具使用不同的数据类型时,如何防止它们之间出现错误?

示例:Material-UI的FormControl组件期望“错误”属性为布尔值,但是我使用Yup(和Formik)进行表单验证,该过程会发送一个也标记为“错误”的字符串。 React在控制台中这样说:

“失败的prop类型:提供给FormControl的字符串类型的无效prop错误,应为布尔值”

尽管出现错误,我的应用程序仍然可以运行,但如果可能,我希望摆脱它。

最佳答案

您可以使用!!将错误字符串解析为bool值

<FormControl {...props} error={!!yourError} />


What is the !! (not not) operator in JavaScript?有关更多详细信息。

10-08 00:14