如何合并两个位于基本组件中但样式相似的样式化组件?

Ant*_*nio 1 reactjs styled-components

我正在尝试将这两个样式化组件合并为一个。

const CustomInput = styled.input`
    width: 150px;
    height: 100%; 
`;
const CustomTextarea = styled.textarea`
    width: 150px;
    height: 100%; 
`;
Run Code Online (Sandbox Code Playgroud)

Akr*_*ion 5

使用字符串插值:

const sharedCSS = css`
  width: 150px;
  height: 100%; 
`
const CustomInput = styled.Input`
  ${sharedCSS}
`
const CustomTextarea = styled.textarea`
  ${sharedCSS}
`
Run Code Online (Sandbox Code Playgroud)