當(dāng)前位置:
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
ReactJS入门之JSX语法
生活随笔
收集整理的這篇文章主要介紹了
ReactJS入门之JSX语法
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
JSX語(yǔ)法
JSX語(yǔ)法就是,可以在js文件中插入html片段,是React自創(chuàng)的一種語(yǔ)法。
JSX語(yǔ)法會(huì)被Babel等轉(zhuǎn)碼工具進(jìn)行轉(zhuǎn)碼,得到正常的js代碼再執(zhí)行。
使用JSX語(yǔ)法,需要2點(diǎn)注意:
1. 所有的html標(biāo)簽必須是閉合的,
2. 在JSX語(yǔ)法中,只能有一個(gè)根標(biāo)簽,不能有多個(gè)。
const div1 = <div>hello world</div> //正確 const div2 = <div>hello</div> <div>world</div> //錯(cuò)誤在JSX語(yǔ)法中,如果想要在html標(biāo)簽中插入js腳本,需要通過(guò){}插入js腳本。
總結(jié)
以上是生活随笔為你收集整理的ReactJS入门之JSX语法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: ReactJS入门之环境搭建以及编写He
- 下一篇: ReactJS入门之组件