Reactjs 反应第三方库之间的属性名称冲突

Reactjs 反应第三方库之间的属性名称冲突,reactjs,material-ui,Reactjs,Material Ui,当第三方库使用相同的道具名称但该道具需要不同的数据类型时,如何防止它们之间出现错误 示例:Material UI的FormControl组件要求“error”属性为布尔值,但我使用Yup(和Formik)进行表单验证,它会发送一个标记为“error”的字符串。React在控制台中这样说: 失败的属性类型:提供给FormControl的类型字符串的属性错误无效,应为布尔值 尽管出现了错误,但我的应用程序仍能正常工作,但如果可能的话,我想将其删除 您可以使用将错误字符串解析为bool值 <Fo

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

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

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


尽管出现了错误,但我的应用程序仍能正常工作,但如果可能的话,我想将其删除

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

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


有关更多详细信息。

能否与您的代码共享示例