错误很明显，你不能把undefined赋给noMargin

Types of property 'noMargin' are incompatible.
  Type 'boolean | undefined' is not assignable to type 'boolean'.
    Type 'undefined' is not assignable to type 'boolean'

最简单的解决方法是使用双重否定运算符!!

<StyledButton noMargin={!!noMargin} {/* ...other properties*/} />

或者，您可以修复styledComponent以接受未定义的

const StyledButton = styled(Button)<{ elem: string, noMargin: boolean | undefined }>`

// this also works but has its drawbacks depending on what you want to do
// const StyledButton = styled(Button)<{ elem: string, noMargin?: boolean }>

使用?:而不是| undefined的原因取决于是否需要使用noMargin。https://devblogs.microsoft.com/typescript/walkthrough-interfaces/#describing-simple-types

// using `?: boolean`
<StyledButton /> // No error, noMargin is not required
// using `:boolean | undefined`
<StyledButton /> // Error, expected property `noMargin`...