代码之家  ›  专栏  ›  技术社区  ›  FredyC

使用反应选择@2有样式化的组件?

  •  0
  • FredyC  · 技术社区  · 8 年前

    我们正在项目中使用样式化的组件,我们想知道是否有一种方法可以使react select V2具有完整的样式化功能。我的意思是,当然可以使用对象来定义样式,但它感觉相当不一致,使DX更糟糕。

    据我所知,样式化组件通过创建 className 和附着在元素上。这就意味着我必须使用 components 支持任何时候我需要例如改变文字颜色。我不能用 styles 如果我想避免JS中的对象CSS。对吗?

    1 回复  |  直到 8 年前
        1
  •  1
  •   jabsatz    7 年前

    styled-components className 属性,可以使用 styled(Component) 语法。

    react-select 接受 类名 对于每一个组件,它都应该工作得很好。

    前任:

    import Select from 'react-select';
    import styled from 'styled-components';
    
    styled(Select)`
        background-color: red;
        font-size: 20px;
    `;