反应警告:道具类型失败:提供的“对象”类型的道具无效
React Warning: Failed prop type: Invalid prop of type `Object` supplied
我收到警告 "Warning: Failed prop type: Invalid prop of type Object
supplied to , expected instance of bound checkType
."
这是我的道具类型:
FieldTable.propTypes = {
rawData: PropTypes.instanceOf(PropTypes.object).isRequired,
percentCols: PropTypes.arrayOf(PropTypes.string).isRequired,
specialColNames: PropTypes.instanceOf(PropTypes.object).isRequired,
scenarioHeaders: PropTypes.instanceOf(PropTypes.object),
headerHierarchies: PropTypes.arrayOf(PropTypes.object).isRequired
};
'bound checkType' 它指的是什么?我应该如何验证我的对象道具以避免出现此警告?对象本身是 JSON 从异步调用接收到的对象,并在其他 components.The rawData 对象中生成,例如,来自允许用户上传 excel 电子表格然后解析电子表格的组件进入 JSON 对象。不知道有没有用。
感谢您提供任何帮助,尤其是任何可能由此问题引起的更深入的讨论。
要检查普通 JS 对象的属性类型,您应该只使用:
plainObj: PropTypes.object.isRequired,
对于启用react/forbid-prop-types
eslint 的对象,尝试使用形状:
plainObj: PropTypes.shape({ subProp: PropTypes.string })
我收到警告 "Warning: Failed prop type: Invalid prop of type Object
supplied to , expected instance of bound checkType
."
这是我的道具类型:
FieldTable.propTypes = {
rawData: PropTypes.instanceOf(PropTypes.object).isRequired,
percentCols: PropTypes.arrayOf(PropTypes.string).isRequired,
specialColNames: PropTypes.instanceOf(PropTypes.object).isRequired,
scenarioHeaders: PropTypes.instanceOf(PropTypes.object),
headerHierarchies: PropTypes.arrayOf(PropTypes.object).isRequired
};
'bound checkType' 它指的是什么?我应该如何验证我的对象道具以避免出现此警告?对象本身是 JSON 从异步调用接收到的对象,并在其他 components.The rawData 对象中生成,例如,来自允许用户上传 excel 电子表格然后解析电子表格的组件进入 JSON 对象。不知道有没有用。
感谢您提供任何帮助,尤其是任何可能由此问题引起的更深入的讨论。
要检查普通 JS 对象的属性类型,您应该只使用:
plainObj: PropTypes.object.isRequired,
对于启用react/forbid-prop-types
eslint 的对象,尝试使用形状:
plainObj: PropTypes.shape({ subProp: PropTypes.string })