Css 向样式化组件传递道具时出现语法问题
这是我的密码:Css 向样式化组件传递道具时出现语法问题,css,reactjs,Css,Reactjs,这是我的密码: ${({ left }) => css` margin-${left ? 'right' : 'left'}: 30vw; `}; 这是在一个样式组件中使用的,当我使用样式化组件传递左道具时,它不起作用,我认为语法有问题。请,有人能帮我吗?left变量的类型是什么?我将其作为字符串发送如果left是一个字符串,可以是“left”或“right”,您可以执行margin-${left}:30vw您可以尝试记录left的值并检查它是否是字符串本身吗
${({ left }) =>
css`
margin-${left ? 'right' : 'left'}: 30vw;
`};
这是在一个样式组件中使用的,当我使用样式化组件传递左道具时,它不起作用,我认为语法有问题。请,有人能帮我吗?left变量的类型是什么?我将其作为字符串发送如果left是一个字符串,可以是“left”或“right”,您可以执行
margin-${left}
:30vw您可以尝试记录left的值并检查它是否是字符串本身吗