React中为何使用{': '}语法而非直接书写Name:

• 首先明确：冒号不需要转义，直接写Name: 在JSX里完全合法，浏览器也能正常渲染。
• 文档里把: 单独用大括号包裹，没有强制的技术原因，更偏向于作者的书写习惯或者示例演示需求——比如想展示JSX中静态文本和表达式（哪怕是静态字符串表达式）混合的写法。
• 至于为什么不写成{'Name: '}，同样是风格选择：把固定的文本内容直接写在JSX里，只有需要动态处理的部分才放进大括号，这样看起来区分度更高，也符合很多开发者的书写习惯。
• 另外，这种写法和 没关系，直接写Name: 里的空格就是普通空格，浏览器会正常渲染，不需要特殊处理。

内容的提问来源于stack exchange，提问作者matronator