在 styled-components v5.1+ 中，为了避免将非 HTML 标准属性传递给 DOM 元素，需要使用$前缀来标记这些临时属性（transient props）。
<CollapseButtonTop $collapsed={collapsed}> </CollapseButtonTop> const CollapseButtonTop = styled.div<{ $collapsed: boolean }>` position: absolute; top: 8px; right: ${(props) => (props.$collapsed ? '-18px' : '8px')}; z-index: 999999 !important; -webkit-app-region: none; transform: translateZ(0); isolation: isolate; pointer-events: auto; .ant-btn { z-index: 999999 !important; position: relative; &:hover { background-color: rgba(0, 0, 0, 0.04) !important; border-color: var(--color-primary) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; } } body[theme-mode='dark'] & { .ant-btn { border: 1px solid var(--color-border) !important; } } `
)
使用指南)
