反映第三方库之间的prop名称冲突

Question

如果第三方库使用相同的道具名称但期望该道具的不同数据类型，我怎样才能防止第三方库之间的错误？

示例：Material-UI的FormControl组件期望'error'prop是一个布尔值，但是我使用Yup（和Formik）进行表单验证，它发送一个也标记为'error'的字符串。 React在控制台中这样说：

“失败的道具类型：提供给FormControl的类型字符串的无效道具错误，预期布尔值”

尽管出现错误，我的应用程序仍能正常运行，但如果可能，我想摆脱它。

Answer 1

您可以使用!!

将错误字符串解析为bool值

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

What is the !! (not not) operator in JavaScript?了解更多细节。