![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 94
React课程笔记
努力学习前端的小陈
每一天都在努力学习前端,专栏有报错,配置专栏,用于记录每次报错的问题及处理方案
展开
-
React 基础
React 是一个用于构建用户界面的 JavaScript 库。用户界面:HTML页面(前端)React 主要用来写HTML页面,或构建Web应用如果从 MVC 的角度来看,React 仅仅是视图层(V),也就是只负责视图的渲染,而并非提供了 完整的 M 和 C 的功能。React 起源于 Facebook 的内部项目,后又用来架设 Instagram 的网站,并于 2013 年 5 月开源 你只需要描述 UI(HTML)看起来是什么样,就跟写HTML一样 React 负责渲染 UI,并在数据变化时更新 .原创 2022-06-07 13:31:17 · 164 阅读 · 1 评论 -
React中的JSX
JSX 是 JavaScript XML 的简写,表示在 JavaScript 代码中写 XML(HTML) 格式的代码。优势:声明式语法更加直观、与HTML结构相同,降低了学习成本、提升开发效率JSX 是 React 的核心内容。 1. JSX 不是标准的 ECMAScript 语法,它是 ECMAScript 的语法扩展。 2. 需要使用 babel 编译处理后,才能在浏览器环境中使用。 3.create-react-app 脚手架中已经默认有该配置,无需手动配置。原创 2022-06-08 21:37:58 · 962 阅读 · 0 评论 -
React 组件基础
2.3 抽离为独立 JS 文件组件作为一个独立的个体,一般都会放到一个单独的 JS 文件中1.创建Hello.js2.在 Hello.js 中导入React3.创建组件(函数或 类)4.在 Hello.js 中导出该组件5.在 index.js 中导入 Hello 组件6.渲染组件3. React 事件处理 3.1 事件绑定React 事件绑定语法与 DOM 事件语法相似语法:on+事件名称={事件处理程序},比如:onClick=原创 2022-06-12 15:16:54 · 302 阅读 · 0 评论