问答详情
源自:5-2 Context 编码

为什么style要用双大括号{{}}

第二个括号是表示对象吧,
用style=`background:{theme.background}`这种方式是不是效果一样?

提问者:Bug制造专家 2020-06-18 07:34

个回答

  • 一叶秋才
    2020-07-20 23:44:35

    react组件jsx,   行内style固定写法就是双花括号   

    ①外层花括号:因为React使用的是JSX语法,JSX语法中嵌入任何js变量、表达式、对象都要用花括号{}扩起来,

    ②内层花括号:JSX如果用到行内CSS style样式时,这个行内样式必须是一个js对象,即{background:'theme.background'}是一个对象所以用花括号扩起来。

    你那个错误写法一运行就报错