![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React系列教程
嗜码
公号『嗜码』作者
展开
-
React 入门教程系列(四)—— 组件
文章目录1. 组件2.1. 组件React 的特点之一就是组件化,组件是用来实现特定或局部功能效果的代码集合(html/css/js),在我们编写一个页面时,往往可以将不同部位进行拆分,拆分的部分就称为组件。同样的,组件拆分也可以复用代码,简化项目编码,提高运行效率。2....原创 2019-10-20 10:37:42 · 164 阅读 · 0 评论 -
React 入门教程系列(一)——什么是 React
React 入门教程系列(一)——什么是 ReactReact介绍React 起源于 Facebook 的内部项目,因为该公司对市场上所有 ·JavaScript MVC· 框架,都不满意,就决定自己写一套,用来架设`Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源。React 是用于构建用户界面的 JavaScript 库,开发者可以在React里传递多...原创 2019-10-10 23:42:52 · 303 阅读 · 0 评论 -
React 入门教程系列(二)——Hello React
几乎每种语言或者框架学习的第一条语句就是输出 Hello xxx,这里我们来学习一下使用 React 框架在浏览器中输出 Hello React,效果如下面的图片:原创 2019-10-11 16:15:38 · 233 阅读 · 0 评论 -
React 入门教程系列(三)——JSX 和 虚拟 DOM
文章目录1. JSX2. 实例13. 实例24. 源码1. JSXJSX的全称是 JacaScript XML,是 React 定义的第一种类似于 XML 的 JS 拓展语法。JSX 的语法大致遵循下面几条:标签名任意标签属性任意遇到< 符号,以标签的语法进行解析遇到{符号,以 js 语法解析,js代码必须用 {} 包含JSX 的作用是用来创建 react 虚拟 DOM...原创 2019-10-11 20:01:00 · 229 阅读 · 0 评论