Динамически добавлять дочерний элемент в компонент стиля

Question

Учитывая:

const Item = styled.div`
    color: ${p => p.blue ? 'blue' : 'black'};
`;

Мне нужно динамически добавить элемент dom в тег div (Item) со стилизованным компонентом.Если это был JQuery или JavaScript, вам нужно получить класс или идентификатор div,

Как вы реагируете?

Answer 1

<Text style={[styles.existingStyle, { color: this.state.blue ? 'blue' : 'red' } ]}>

Сначала вы выгружаете стиль в массив и определяете второй стиль.Во втором стиле сначала определите ключ, а затем с помощью тернарного оператора определите его значение