Javascript 样式化组件-共享CSS

我有以下风格：

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

我试图在一个样式化组件中使用它，如下所示：

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

但是，未应用该样式。为什么会这样

---

其他答案提到使用

styled.css

，但现在已经不存在了。

而不是使用

styled.style

使用

css

：

import { css } from 'styled-components'

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

其他文件：

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

---

不要使用

styled.style

使用

css

：

import { css } from 'styled-components'

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

其他文件：

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

---

“不再存在”是什么意思？我明白了，docsOh还提到了。我看到的堆栈溢出回答说使用了

styled.css

，但事实证明我只需要使用

css

。要么是这样，要么是我误读了。如果您将

import*作为“样式化组件”的样式导入用法与您提到的完全一样（
styled.css`…
）您所说的“不再存在”是什么意思？我明白了，docsOh还提到了。我看到的堆栈溢出回答说使用了
styled.css
，但事实证明我只需要使用
css
。要么是这样，要么是我误读了。如果您将
import*作为“样式化组件”的样式导入用法与您提到的完全一样（
styled.css`…
）