ReactJS入门之JSX语法

JSX语法

JSX语法就是，可以在js文件中插入html片段，是React自创的一种语法。

JSX语法会被Babel等转码工具进行转码，得到正常的js代码再执行。

使用JSX语法，需要2点注意：

1. 所有的html标签必须是闭合的，如：

hello world，写成这样是不可以的：

2. 在JSX语法中，只能有一个根标签，不能有多个。

const div1 = <div>hello world</div> //正确
const div2 = <div>hello</div> <div>world</div> //错误

在JSX语法中，如果想要在html标签中插入js脚本，需要通过{}插入js脚本。

export default () => {

    const t = () => "中国leon"

    return (
        <div><div>hello</div> <div>world {t()} </div></div>
    );
}