为带样式的组件创建通用道具

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链接。