小編給大家分享一下react跟javascript有哪些區(qū)別,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站的關(guān)注點(diǎn)不是能為您做些什么網(wǎng)站,而是怎么做網(wǎng)站,有沒(méi)有做好網(wǎng)站,給創(chuàng)新互聯(lián)公司一個(gè)展示的機(jī)會(huì)來(lái)證明自己,這并不會(huì)花費(fèi)您太多時(shí)間,或許會(huì)給您帶來(lái)新的靈感和驚喜。面向用戶友好,注重用戶體驗(yàn),一切以用戶為中心。
區(qū)別:1、class寫(xiě)法不同,js為“class”,react為“className”;2、style寫(xiě)法不同,js為“style="屬性:值"”,react為“style={{屬性:"值"}}”;3、react變量是大括號(hào),js是引號(hào)。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5&&react16版、Dell G3電腦。
React 代碼的書(shū)寫(xiě)格式和以前的 JS 有很大的不同。
1、樣式class的寫(xiě)法
javascript: class
react:className
2、style的寫(xiě)法 (react的駝峰命名)
javascript: style="background-color:white"
react:style={{backgroundColor: "white"}}
3、變量(react變量是大括號(hào),js是引號(hào))
javascript: onClick="clickSearch(e)"
react:onClick={(e)=>this.clickSearch(e)}
4、資源的引入
javascript:
css:
js:
react:
css: import SearchRoomStyle from './searchRoom.css';
js: import ForgetUser from '../components/ForgetUser.js'
看完了這篇文章,相信你對(duì)“react跟javascript有哪些區(qū)別”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!