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