[英]React propTypes for specific children components
我有一个像这样的功能组件:
const Foo = () => <div>Hello world</div>;
现在我有另一个接受子级的组件,但应特别限制为 1 个或多个Foo
组件(不允许其他组件)。
const Bar = ({ children }) => <div>{children}</div>;
如何在Bar
上设置propTypes
以实现此验证?
Bar.propTypes = {
children: PropTypes.oneOf([
PropTypes.arrayOf(PropTypes.node),
PropTypes.node,
]);
};
上面的内容太松散了,因为它会让任何组件类型成为子组件。 我如何限制它只允许Foo
?
您可以使用PropTypes.shape
Bar.propTypes = {
children: PropTypes.oneOfType([
PropTypes.shape({
type: PropTypes.oneOf([Foo]),
}),
PropTypes.arrayOf(
PropTypes.shape({
type: PropTypes.oneOf([Foo]),
})
),
]).isRequired
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.