react跟javascript有哪些区别

小编给大家分享一下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'

看完了这篇文章，相信你对“react跟javascript有哪些区别”有了一定的了解，如果想了解更多相关知识，欢迎关注行业资讯频道，感谢各位的阅读！