ребята! Я строю компонент React Native, который содержит шаблон пользовательского интерфейса. Этот шаблон пользовательского интерфейса будет содержать несколько небольших шаблонов многократного использования. Таким образом:
<ListItem onPress={}>
<IconContainer>
<Icon />
</IconContainer>
<Body>
<Text>Content</Text>
</Body>
<Right>
<Action onPress={} />
</Right>
<ListItem>
Теперь я также строю варианты размеров встраивания (small
, medium/default
и large
) для некоторых из этих детей, например, вот так:
<IconContainer large={boolean} small={boolean}>
<Icon />
</IconContainer>
И так как детей несколько, я не хочу, чтобы человек, использующий компонент, указывал вариант размера для каждого из детей. Это также потребует, чтобы они знали, у кого из детей есть варианты размера, а у кого нет.
Итак, я пытаюсь вставить props.large
и props.small
в родительский и используйте это, чтобы изменить значение de того же самого prop
, если доступно у детей.
Есть идеи, как это сделать простым способом? (Я подозреваю, что это легко, но я боролся с этим некоторое время, поэтому я подумал, что буду просить о помощи.)
Заранее спасибо!