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

来源:5-2 Context 编码

Bug制造专家

2020-06-18 07:34

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

写回答 关注

1回答

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

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

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

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

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


基于实例的 React16 傻瓜课程

通过一系列简单有趣的例子,让你了解 React16 的基本概念和新特性

22387 学习 · 106 问题

查看课程

相似问题