为样式化组件创建通用道具

Question

我是样式化组件的新手，有人可以帮助我了解我们如何拥有通用的字符串/道具/基础，即

export const MaterialIcon = styled(MIcon)`
    ${props => props.color || props.fill && css`
        color: ${processColor(props.color || props.fill, props.theme)};
    `};
`;


export const Octicons = styled(OctIcons)`
    ${props => props.color || props.fill && css`
        color: ${processColor(props.color || props.fill, props.theme)};
    `};
`;

即在上面的代码中，MIcon 和 OctIcons 在字符串中都有相同的内容

将 MIcon 视为从 react-native 导入材质图标

我怎样才能创建共同点

  ${props => props.color || props.fill && css`
        color: ${processColor(props.color || props.fill, props.theme)};
    `};

Answer 1

我正在使用这个emotion 库，添加道具非常简单。检查this链接。