所以我试图为我的组件对象添加一个形状。对象从服务器加载,因此从一开始就不存在。但是当我将形状添加到Proptypes时。它不断抛出标记为必需的错误,但事实并非如此。
shape
或objectOf
会自动添加isRequired
值吗?
TopicsList.propTypes = {
topicsObject: PropTypes.shape(reportsTopicsObjectResultShape),
};
形状:
export const reportsTopicObject = PropTypes.shape({
avg_rating_ord: PropTypes.number,
cards_with_comments: PropTypes.number,
cards_without_comments: PropTypes.number,
number_of_questions: PropTypes.number,
rating_count: PropTypes.number,
scale_version_id: PropTypes.string,
scale_id: PropTypes.string,
last_answered_at: PropTypes.string,
id: PropTypes.string,
type: PropTypes.string,
name: PropTypes.shape(translatedObjectSystem),
description: PropTypes.shape(translatedObjectSystem)
});
export const reportsTopicsObjectResultShape = PropTypes.shape({
topics_distribution: PropTypes.shape({
general: PropTypes.number,
groups: PropTypes.number,
people: PropTypes.number
}),
topic_list: PropTypes.objectOf(reportsTopicObject)
});
我仍然收到错误
Failed prop type: The prop `topicsObject.isRequired` is marked as
required in `TopicsList`, but its value is `undefined`.
确实在开头是未定义的,但是我不希望它是必需的
答案 0 :(得分:3)
默认情况下,shape和objectOf都不会导致prop成为必需。以下是react docs:
的示例// An object with property values of a certain type
optionalObjectOf: PropTypes.objectOf(PropTypes.number),
// An object taking on a particular shape
optionalObjectWithShape: PropTypes.shape({
color: PropTypes.string,
fontSize: PropTypes.number
}),
如果您希望使用形状的节目不能使对象成为必需(例如,最后在末尾使用.isRequired会产生警告),您可以使用an example。
值得注意的一件事是,您的错误消息看起来有点奇怪。通常错误消息如下所示:
"Warning: Failed prop type: The prop `foo` is marked as required in `App`, but its value is `undefined`.
in App"
道具的显示为foo
而不是foo.isRequired
。你好像是说
prop `topicsObject.isRequired`
所以它可能与导入/导出形状的方式有关。