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

标签 reactjs material-ui

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

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

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

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

最佳答案

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

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

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

关于reactjs - React 第三方库之间的 prop 名称冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50659126/

相关文章:

css - 网格中的 Accordion 将内容向下推

javascript - 如何正确使用 Flex 并排对齐两个组件(Material UI + ReactJS)?

material-ui - Material UI - 移除组件 TablePagination 中的 "Rows per page"

javascript - react-icons 使用 webpack 解决错误

javascript - React 函数组件 setTimeout - 多次渲染调用和重新渲染(推荐方法)(多次触发)

javascript - ES6/React "this"关键字与 ajax 从服务器获取数据(教程)

material-ui - 如何允许文本字段 TrailingIcon 可单击

javascript - 将 HTML 插入用户字符串并在 React 中渲染(并避免 XSS 威胁)

javascript - 本地存储在页面重新加载时不断重置

javascript - 如何在 Material UI Stepper Step 中自定义颜色?