react 一个花括号和两个花括号区别

背景

• 在做做项目的发现react jsx 语法中经常一个花括号 有时候是两个花括号 难道是固定写法？

查阅文档

一个花括号进入JS语法环境 类似
在进入一个JS 语法后包裹的自然是JS语法 两对花括号是声明一个对象

示例枚举

<a Style={{color: 'red'}}></a>

var style = {
  color: 'red'
};
<a Style={style}></a>