reactjs - React 第三方库之间的 prop 名称冲突

Question

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

示例:Material-UI 的 FormControl 组件期望“error”属性为 bool 值，但我使用 Yup(和 Formik)进行表单验证，它发送一个也标记为“error”的字符串。 React 在控制台中这样说:

“失败的 Prop 类型:提供给 FormControl 的字符串类型无效 Prop 错误，预期为 bool 值”

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

Answer 1

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

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

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