一 . React 简介
什么是 React
-
React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。
-
React 是一个用于构建用户界面的 JavaScript 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。
-
React 是用于动态构建用户界面的 JavaScript 库 (只关注于视图)。
React 官网
React 基础知识
-
组件化:React 的核心概念是组件,它将用户界面划分为一系列独立、可复用的部分。每个组件都有自己的状态和属性,并可以根据这些属性来渲染视图。
-
虚拟DOM:React 使用虚拟 DOM 来提高性能。虚拟 DOM 是一个轻量级的JavaScript对象树,它与实际的DOM进行比较并进行最小化的更新。
-
JSX语法:React 使用 JSX 语法,它是一种类似 HTML 的语法扩展,允许开发人员在 JavaScript 代码中编写类似 HTML 的结构。
-
单向数据流:React 使用单向数据流,也称为自上而下或父子组件之间的数据传递。父组件可以将属性传递给子组件,但子组件不能直接修改父组件的属性。
-
生命周期方法:React组件具有一系列的生命周期方法,例如
componentDidMount和componentWillUnmount。这些方法可以用来在组件的不同阶段执行特定操作。 -
状态管理:React 提供了一种称为状态管理的机制,允许组件在其生命周期内管理和更新自己的状态。这个状态可以通过 setState 方法进行更新。