reactjs - 如何使用带有 TypeScript 的 ReactJS 从 STYLED-COMPONENTS 内部将参数传递给外部函数？

Question

PS。这里的想法是不要直接在 styled: 中使用参数 opacity: ${(props) => props.myArr[0].myOpacity)} 。这个想法是：

1. 将参数 ( myArray) 从任何组件传递到styled-components：

<Wrap myArr={myArr}> ... <Wrap/>

2. 在样式中接收此参数：

export const Wrap = styled.div<{myArr: Object[]}>`
    //...
    ${ myFunc(props.myArr) } //<<< here my question
`;

3. 将此参数发送到同一文件中的函数。

Function myFunc(myArr: Object[]) {
    //...
}

标签： reactjstypescriptstyled-components