Как работать с деструктуризацией при декларировании в typescript?

Question

[zwezew]

Например, в

interface Props {
    theme? : object;    
}

export const Block = styled.div`
    border: ${({mainTheme}: Props) => `${mainTheme.border} ${mainTheme.color}`};
`;

как поступить с mainTheme.border и mainTheme.color?

Answer 1

[Алексей Ярков]

Оно?

interface Props {
    theme: Theme;
}

interface Theme {
    border: string;
    color: string;
}

export const Block = `
    border: ${({theme: mainTheme}: Props) => `${mainTheme.border} ${mainTheme.color}`};
`;

Comments

[zwezew]

Спасибо, сработало даже без изменения кода block

interface Props {
    theme: Theme;
}

interface Theme {
    border: string;
    color: string;
}