首页 >web前端 >前端问答 >react跟javascript有什么区别

react跟javascript有什么区别

青灯夜游
青灯夜游原创
2021-10-15 16:33:063945浏览

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

react跟javascript有什么区别

本教程操作环境: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有什么区别的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn