Javascript 向样式化组件动态添加子级

鉴于：

我需要在带有样式化组件的div标记（Item）下动态添加一个dom元素。 如果这是JQuery或JavaScript，则需要获取div的类或id

如何在react中执行此操作？

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

首先将样式转储到数组中，然后定义第二个样式。

---

在第二种样式中，首先定义键，然后使用三元运算符来确定它的值

Hmm。如果要使用appendChild、innerHtml（），则需要获取标记的ID或类名。如果您使用样式化组件制作，您可以提供ID或标记吗？

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