- Objective: - Breadcrumb: # 概念阐释 ## 语义 在React中,使用花括号`{}`, 可以将JavaScript直接嵌入到HTML标签中 ## 语法 ```jsx <h1> {2+3} </h1> ``` # 实例 # 相关内容 # 问题 写一个2+3=5 ```jsx import ... import {creatRoot} from ... const container =... const root = ... const math = ... root.render(...) ``` # 问题答案 ```jsx import React from 'react'; import { createRoot } from 'react-dom/client'; const container = document.getElementById('app'); const root = createRoot(container); const math = <h1>2+3 = {2+3}</h1>; root.render(math); ``` # 参考资料 - [Curly Braces in JSX - codecademy](https://www.codecademy.com/journeys/full-stack-engineer/paths/fscj-22-front-end-development/tracks/fscj-22-react-part-i/modules/wdcp-22-jsx-752c2293-9f61-412a-92e2-70ad6e01a0a7/lessons/react-jsx-advanced/exercises/jsx-curly-braces)