styled-components: extend styles and change element type
问题 Imagine I have the following styles: color: black; border: 1px solid white; and I want to apply them both to two elements of different types: const SomeImg = styled.img` margin: 2em; `; const SomeDiv = styled.div` margin: 3em; `; How can I make both elements extend those styles? It's easy enough if they were both <div> or <img> . I could do: const ExtendMe = styled.div` color: black; border: 1px solid white; `; const SomeDiv = styled(ExtendMe)` margin: 2em; `; const OtherDiv = styled(ExtendMe