Différences : 1. La façon d'écrire la classe est différente, js est "class" et React est "className" ; 2. La façon d'écrire le style est différente, js est "style="attribute:value" ; et réagir est "style={{attribute :" Value "}}" ; 3. Les variables React sont des accolades et les js sont des guillemets.
L'environnement d'exploitation de ce tutoriel : système windows7, version javascript1.8.5&&react16, ordinateur Dell G3.
Le format d'écriture du code React est très différent du JS précédent.
1. Comment écrire une classe de style
javascript: class
react: className
2. Comment écrire un style (réagir au nom du cas de chameau)
javascript: style="background-color :white "
style="background-color:white"
react:style={{backgroundColor: "white"}}
3、变量(react变量是大括号,js是引号)
javascript: onClick="clickSearch(e)"
react:onClick={(e)=>this.clickSearch(e)}
4、资源的引入
javascript:
css: <link rel="stylesheet" href="../css/iuapmobile.um.css">
js: <script src="../js/summer.js" ></script>
react:
css: import SearchRoomStyle from './searchRoom.css';
js: import ForgetUser from '../components/ForgetUser.js'
style={{backgroundColor: "white"}}
3. Variables (les variables de réaction sont des accolades, les js sont des guillemets)
javascript :onClick="clickSearch(e)"
onClick={(e)=>this.clickSearch(e)}
🎜 🎜🎜4. Introduction des ressources🎜🎜🎜javascript : 🎜<link rel="stylesheet" href=". . /css/iuapmobile.um.css">
🎜🎜<script src="../js/summer.js" ></script>🎜🎜🎜🎜react:🎜
- 🎜css :
importer SearchRoomStyle depuis './searchRoom.css';
🎜 🎜
- 🎜js :
importez ForgetUser depuis '../components/ForgetUser.js'
🎜🎜🎜🎜Pour plus de connaissances sur la programmation, veuillez visiter : 🎜Introduction à la programmation🎜 ! ! 🎜
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!