- Objective:
- Breadcrumb:
# 概念阐释
JSX（JavaScript XML），是JavaScript的语法扩展[^1]，[[React概念]]框架使用的是JSX语法。
# 实例
```jsx
class Hello extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
ReactDOM.render(
<Hello name="World" />,
document.getElementById('root')
);
```
# 相关内容
# 参考资料
- [What is 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-intro/exercises/what-is-jsx)
[^1]: 语法扩展在这里意味着JSX不是有效的JavaScript。网页浏览器无法读取它！JSX file必须通过[[编译]]-在展现在浏览器页面上之前，JSX编译器将JSX文件转换成JavaScript文件。