Quelle est la différence entre réagir et javascript ?

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'

  react : style={{backgroundColor: "white"}}

3. Variables (les variables de réaction sont des accolades, les js sont des guillemets)

javascript : onClick="clickSearch(e)"
🎜🎜react : onClick={(e)=>this.clickSearch(e)} 🎜 🎜🎜4. Introduction des ressources🎜🎜🎜javascript : 🎜

• 🎜css : <link rel="stylesheet" href=". . /css/iuapmobile.um.css">🎜🎜
• 🎜js:   <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!