PS. A idéia aqui não é usar o parâmetro diretamente no styled:
opacity: ${(props) => props.myArr[0].myOpacity)}
.
A idéia seria:
- Passar um parâmetro (
myArray
) de um componente qualquer para um styled-components:
<Wrap myArr={myArr}> ... <Wrap/>
- Receber esse parâmetro dentro de um styled:
export const Wrap = styled.div<{myArr: Object[]}>`
//...
${ myFunc(props.myArr) } //<<< aqui minha dúvida
`;
- Enviar esse parâmetro para uma função dentro do mesmo arquivo.
Function myFunc(myArr: Object[]) {
//...
}