千家信息网

react跟javascript有哪些区别

发表于:2024-11-11 作者:千家信息网编辑
千家信息网最后更新 2024年11月11日,小编给大家分享一下react跟javascript有哪些区别,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!区别:1、class写法不同,js为"class",react为"class
千家信息网最后更新 2024年11月11日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:

  • js:

react:

  • css: import SearchRoomStyle from './searchRoom.css';

  • js: import ForgetUser from '../components/ForgetUser.js'

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

0