我可以避免子组件超过HOC组件的某个维度吗?

Question

我有一个HOC:

const [dimensions, setDimensions] = useState<DimensionsType | null>(null);
return (
<View
onLayout={(e) =>
setDimensions({
height: e.nativeEvent.layout.height,
width: e.nativeEvent.layout.width,
})
}
style={{
maxWidth: wp('100%'),
maxHeight: hp('100%'),
}}
>
{dimensions && ( {children} )}
</View >
)

这是一种为样式目的在子元素周围添加一些内边距的容器。

所以子元素不能有全屏尺寸，必须保持在我想要设置的特定尺寸以下。

是否有一种方法来覆盖孩子的高度和宽度，如果它超过了我的要求?

Answer 1

终于找到了如何重写子道具:

https://fr.reactjs.org/docs/react-api.html cloneelement