javascript - 如何使用样式组件显示一些值？

Question

我是 styled-components 的新手，我有点困惑。我们可以显示一些东西或向 styled-componentns 添加功能吗？或者 styled-components 是我们只能应用 css 的组件

Answer 1

styled-components主要是为了应用css。

因此，通常您会使用提供内容的包装组件，并使用从 styled-components 获得的组件进行装饰。

偶尔，我发现使用 .attrs 很有用构造函数传递 children when内容是非常特定于组件的。

const ResourceMissingError= styled.div.attrs({
    children: 'This resource could not be found'
})`color: red`;

render(<ResourceMissingError />);