一、JSX语法介绍
- JSX是一个JavaScript的语法扩展。一般在React中使用JSX,JSX代码可以很好地描述UI应该呈现出它应有交互的本质形式。JSX可能会使人联想到模板语言,但它具有JavaScript的全部功能。
1.1、JSX语法示例
/**
* 试试吧代码示例
*/
function getTry8() {
return <h1>Hello, {"试试吧"}!</h1>;
}
二、JSX格式化/压缩工具操作方式
- JSX格式化/压缩在线工具,主要用于在线对React.JSX代码进行格式化和压缩操作,特色是支持文件上传下载,您也可以直接在线编辑JSX代码,JSX代码支持语法检测、JSX代码自动补全和高亮显示。
2.1、JSX格式化/压缩工具示例
首先,选择代码缩进长度,然后,上传或输入任意有效的JSX文档,点击开始JSX格式化/压缩即可,JSX压缩示例:
function getTry8() { return <h1>Hello, {"试试吧"}!</h1>; }