动态地将子元素添加到样式组件

【问题标题】：Dynamically add a child to a styled-component动态地将子元素添加到样式组件
【发布时间】：2018-05-21 05:41:04
【问题描述】：

给定：

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

我需要在带有样式组件的 div 标签(Item) 下动态添加 dom 元素。如果是 JQuery 或 JavaScript，则需要获取 div 的类或 id，

你是如何反应的？

【问题讨论】：

【解决方案1】：

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

首先将样式转储到数组中，然后定义第二个样式。在您的第二种风格中，首先定义键，然后使用三元运算符来确定它的值

【讨论】：

嗯。如果要使用like appendChild、innerHtml()，则需要获取标签的ID或类名。如果你用 styled-components 制作，能否提供 ID 或标签？