react跟javascript有什么区别

区别：1、class写法不同，js为“class”，react为“className”；2、style写法不同，js为“style="属性:值"”，react为“style={{属性:"值"}}”；3、react变量是大括号，js是引号。

本教程操作环境：windows7系统、javascript1.8.5&&react16版、Dell G3电脑。

React 代码的书写格式和以前的 JS 有很大的不同。

1、样式class的写法

javascript: class

react：className

2、style的写法 （react的驼峰命名）

javascript: 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'