javascript - 在 react-emotion 或 styled-component 中获取组件

Question

import styled from 'react-emotion'

class Field extends React.Component<> {}

export default styled(Field)

然后，如果我渲染此组件并使用 component.type，我将获得 styled()... 函数而不是 Field 组件。

如何在样式函数中获取 Field？

Answer 1

试试这个:

import styled from 'react-emotion'

const Field = ({ className }) => (
    <div className={className}>Some field</div>
)

const theField = styled(Field)`
    color: green;
`
export default theField