首页 >web前端 >前端问答 > 正文

react跟javascript有什么区别

原创2021-10-15 16:33:0601035

区别: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有什么区别的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:react javascript
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php合并数组的方法有哪些701
    php require_once怎么用873
    php serialize()怎么用464
    推荐视频教程
  • JavaScript深入视频教程JavaScript深入视频教程
  • JavaScript OOP调试技巧视频教程JavaScript OOP调试技巧视频教程
  • JavaScript标准参考手册JavaScript标准参考手册
  • React框架视频教程React框架视频教程
  • ReactJS中文基础视频教程ReactJS中文基础视频教程
  • 快速上手React基础快速上手React基础
  • 视频教程分类