react和js语法上的区别讲解

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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'
参考技术A JavaScript是一门语言,jquery 和 react是人家使用JavaScript封装出来的一个库,jquery是函数工具库, react则是UI工具库,至于库是什么?打个比方
,拿件衣服做比方,JavaScript则是线,jquery,react则是布,线可以一步一步织成布,然后再织成衣服,但是一般情况下这样做就会太慢,所以人们就会想
办法去极大简化工作流程,所以就会有一些人先把线做成布,然后给别人用,别人会用布了就可以直接织成衣服了,就省去了很多不必要的麻烦和工序。就
加大了生产效率。但布也有不好的地方,就是你必须使用别人织好的东西,不能十分灵活地用你的线发挥你自己的想象去完成自己的作品。其实很多东西你要
用现实生活中的事物去理解,很多抽象的东西其实也是客观世界中的一种反应。

以上是关于react和js语法上的区别讲解的主要内容,如果未能解决你的问题,请参考以下文章

React js - HPC 和装饰器有啥区别

崇高文本中的 React.js 文件语法 3

React jsx语法学习

React.js和Vue.js的语法并列比较

React文档介绍JSX

ts基础讲解