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可以根据最新的状态去渲染我们的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入门
由于要使用jsx转化,必须要引入text/babel
2、react改变文本
3、添加列表
4、计数器
本文地址:https://blog.csdn.net/weixin_43787308/article/details/114004127