![](https://img-blog.csdnimg.cn/20190918135101160.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React学习
文章平均质量分 63
从0开始学习React
mlayc
这个作者很懒,什么都没留下…
展开
-
React基础语法的学习---7.路由
路由内需要定义BrowserRouter: 浏览器自带API,可以理解为一个盛放Route,Link的容器。Routes:提高路由匹配效率。编程式:useNavigate。Route:当前展示的视图。Link:指定跳转的路由。原创 2023-04-05 18:40:25 · 301 阅读 · 0 评论 -
React基础语法的学习---6.各种关系组件传值, 复用, 生命周期
父组件操作子组件。原创 2023-04-02 15:11:12 · 88 阅读 · 0 评论 -
React基础语法的学习---5.第一个React项目
唔,大致就是这个样子。原创 2023-03-29 21:49:42 · 41 阅读 · 0 评论 -
React基础语法的学习---4.渲染,组件,表单绑定和操作DOM
【代码】React 基础语法的学习---渲染。原创 2023-03-18 21:31:42 · 189 阅读 · 0 评论 -
React基础语法的学习---3.函数组件,Class组件,Props,State是什么,事件处理。
组件,概念上是类似于JS内的函数,接受任意入参(props),并返回页面用于展示的react元素。原创 2023-03-16 21:19:43 · 122 阅读 · 0 评论 -
React基础语法的学习---2.JSX和项目配置文件分析
可以 很好的描述UI应该呈现出它应有交互的本质形式。JSX可能会使人联想到模板语言,但是他具有JS的全部功能,在React开发中,会经常使用一种特殊语法来描述React组件,它叫做JSX,JSX可以生成React"元素"它被称之为JSX,是JS的一个语法拓展,建议在React中配合JSX,但是用第二种方法创建这个有趣的标签,它既不是字符串,也不是HTML。通过比较我们可以发现,用 用第二种方法创建更为直观和简洁。JSX其实是一个语法糖。JSX它表示的是对象。原创 2023-03-16 20:53:30 · 130 阅读 · 0 评论 -
React基础语法的学习---1.虚拟DOM
当执行此函数时,会返回一个js对象,这个对象就是所谓的虚拟dom。第一个参数是必选,传入标签名称,如ul,li,div等。第二个参数是选填,表示属性,如className。如此,标签,属性,内容都被定义。第二个参数是选填,表示子节点。原创 2023-03-12 14:09:17 · 73 阅读 · 0 评论