在父道具值更改时更新子道具值

时间:2020-03-03 13:59:21

标签: javascript reactjs react-native user-interface components

伙计们!我正在构建包含UI模式的React Native组件。该UI模式将包含几个较小的可重用模式。这样:

<ListItem onPress={}>
  <IconContainer>
    <Icon />
  </IconContainer>
  <Body>
    <Text>Content</Text>
  </Body>
  <Right>
    <Action onPress={} />
  </Right>
<ListItem>

现在,我也正在为其中一些孩子构建嵌入尺寸变体(smallmedium/defaultlarge),例如:

<IconContainer large={boolean} small={boolean}>
  <Icon />
</IconContainer>

并且由于有几个孩子,所以我不想让使用组件的人为每个孩子指定大小变体。这也将要求他们知道哪个孩子有尺寸变化,哪个孩子没有尺寸变化。

因此,我想做的是将props.largeprops.small嵌入父对象,并使用它们来更改同一prop的de值(如果在孩子们。

任何有关如何以简单方式实现的想法? (我怀疑这很容易,但是我已经为此苦苦挣扎了一段时间,所以我想寻求帮助。)

谢谢!

0 个答案:

没有答案