样式化的组件-共享CSS

Question

我的风格如下：

export const oneLine = styled.style`
    white-space: nowrap;
`

我试图在这样的样式化组件内部使用它：

const Foo = styled.div`
    ${oneLine}
    ...
`

但是，没有应用样式。为什么是这样？

提到了使用styled.css的其他答案，但是已经不存在了。

Answer 1

使用<div id="navbar"> <div class="tab"> <a class="link active" href="#home"> <div class="text">Home</div> </a></div> <div class="tab"> <a class="link" href="#work"> <div class="text">Work</div> </a></div> <div class="tab"> <a class="link" href="#about"> <div class="text">About</div> </a></div> </div>代替styled.style：

css

其他文件：

import { css } from 'styled-components'

export const oneLine = css`
    white-space: nowrap;
`