![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
Radom7
一个正在驶向架构师的软件工程师
展开
-
React之简介和安装
React简介: React 是一个用于构建用户界面的 JavaScript 库。 React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。 React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。 React 特点: 1.声明式设计 −React采用声明范式,可以轻松描述应用。 2.高效 −React通...原创 2018-11-13 13:54:49 · 148 阅读 · 0 评论 -
React之元素渲染
元素渲染 元素是构成 React 应用的最小单位,它用于描述屏幕上输出的内容。 const element = <h1>Hello, world!</h1>; 与浏览器的 DOM 元素不同,React 当中的元素事实上是普通的对象,React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致。 将元素渲染到 DOM 中 首先我们在一个 HTML 页...原创 2018-11-16 14:36:05 · 132 阅读 · 0 评论 -
React之JSX
React JSX React 使用 JSX 来替代常规的 JavaScript。 JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 我们不需要一定使用 JSX,但它有以下优点: JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化。 它是类型安全的,在编译过程中就能发现错误。 使用 JSX 编写模板更加简单快速。 ...原创 2018-11-16 15:10:52 · 172 阅读 · 0 评论 -
React之组件
组件 组件可以将UI切分成一些独立的、可复用的部件,这样你就只需专注于构建每一个单独的部件。 组件从概念上看就像是函数,它可以接收任意的输入值(称之为“props”),并返回一个需要在页面上展示的React元素。 函数定义/类定义组件 定义一个组件最简单的方式是使用JavaScript函数: function Welcome(props) { return <h1>Hello, {...原创 2018-11-16 15:26:53 · 128 阅读 · 0 评论