我正在尝试在JSX组件中添加样式。
编译器给出了以下代码的错误消息。
import Card from "./card";
export default function CardRow(){
return(
<>
<div>
<Card></Card>
<Card></Card>
<Card></Card>
</div>
<style jsx>`
div {
display: flex
}
`
</style>
</>
);
}
以下是错误:
Error:
x Expected '}', got ':'
,----
14 | display: flex
: ^
`----
1条答案
按热度按时间zynd9foi1#
在组件中添加样式时,必须以以下内容开头和结尾:
开始:
结束:
您需要用{``}个花括号将整个样式括起来。