当第三方库使用相同的 prop 名称但期望该 prop 的数据类型不同时,如何防止它们之间出现错误?
示例:Material-UI 的 FormControl 组件期望“error”属性为 bool 值,但我使用 Yup(和 Formik)进行表单验证,它发送一个也标记为“error”的字符串。 React 在控制台中这样说:
“失败的 Prop 类型:提供给 FormControl 的字符串类型无效 Prop 错误,预期为 bool 值”
尽管出现错误,我的应用程序仍然可以运行,但如果可能的话,我想摆脱它。
最佳答案
您可以使用!!
将错误字符串解析为 bool 值
<FormControl {...props} error={!!yourError} />
关于reactjs - React 第三方库之间的 prop 名称冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50659126/