Heim >Web-Frontend >Front-End-Fragen und Antworten >Was ist der Unterschied zwischen reagieren und Javascript?
Unterschiede: 1. Die Art und Weise, „class“ zu schreiben, ist anders, js ist „class“ und „react“ ist „className“ 2. Die Art, „class“ zu schreiben, ist anders, js ist „style="attribute:value"“ und React ist „style={{attribute:“ Value „}}“ 3. React-Variablen sind geschweifte Klammern und js sind Anführungszeichen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, Javascript 1.8.5 und React16-Version, Dell G3-Computer.
Das Schreibformat des React-Codes unterscheidet sich stark vom vorherigen JS.
1. So schreiben Sie den Stil „class“: „class“ :white "
style={{backgroundColor: "white"}}
3. Variablen (React-Variablen sind geschweifte Klammern, js sind Anführungszeichen)
javascript: onClick="clickSearch(e)"
onClick={(e)=>this.clickSearch(e)
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'
javascript: css:
<link rel="stylesheet" href=". . /css/iuapmobile.um.css">
<script src="../js/summer.js" ></script>🎜🎜🎜🎜react:🎜
- 🎜css:
import SearchRoomStyle from './searchRoom.css';
🎜 🎜
- 🎜js:
import ForgetUser from '../components/ForgetUser.js'
🎜🎜🎜🎜Weitere Programmierkenntnisse finden Sie unter: 🎜Einführung in die Programmierung🎜! ! 🎜
Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen reagieren und Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!