欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

React的入门

程序员文章站 2022-03-13 08:28:30
React的特点1、声明式编程:声明式编程是目前整个大前端开发的模式:Vue、React、Flutter、SwiftUI它允许我们只需要维护自己的状态,当状态改变时,React可以根据最新的状态去渲染我们的UI界面;2、组件化开发:组件化开发页面目前前端的流行趋势,复杂的界面拆分成一个个小的组件;事实上Flutter中的Widget – Element – RenderObject,对应的就是JSX – 虚拟DOM – 真实DOM3、React开发依赖:react:包含react所必须的核...

React的特点
1、声明式编程:
声明式编程是目前整个大前端开发的模式:Vue、React、Flutter、SwiftUI
React的入门

它允许我们只需要维护自己的状态,当状态改变时,React可以根据最新的状态去渲染我们的UI界面;

2、组件化开发:
组件化开发页面目前前端的流行趋势,复杂的界面拆分成一个个小的组件;
事实上Flutter中的Widget – Element – RenderObject,对应的就是JSX – 虚拟DOM – 真实DOM

3、React开发依赖:
react:包含react所必须的核心代码
react-dom:react渲染在不同平台所需要的核心代码
babel:将jsx转换成React代码的工具
web端:react-dom会讲jsx最终渲染成真实的DOM,显示在浏览器中
native端:react-dom会讲jsx最终渲染成原生的控件(比如Android中的Button,iOS中的UIButton)。
开发引入:
这里有一个crossorigin的属性,这个属性的目的是为了拿到跨域脚本的错误信息
下面必须按顺序导入

4、实例:
1、react入门
React的入门
由于要使用jsx转化,必须要引入text/babel
2、react改变文本
React的入门
3、添加列表
React的入门
4、计数器
React的入门

本文地址:https://blog.csdn.net/weixin_43787308/article/details/114004127