Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 向样式化组件传递道具时出现语法问题_Css_Reactjs - Fatal编程技术网

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的值并检查它是否是字符串本身吗