![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 88
Darlingmi
这个作者很懒,什么都没留下…
展开
-
React三大属性详解
React三大属性props属性 、ref属性 、state属性setState到底是同步还是异步?原创 2022-02-27 15:27:18 · 1286 阅读 · 0 评论 -
React组件通信
文章目录父组件传递数据给子组件子组件传递数据给父组件兄弟组件通讯父组件传递数据给子组件父组件提供要传递的state数据给子组件标签添加属性,值为state中的数据子组件中通过props接收父组件中传递的数据class App extends React.Component {//父组件提供要传给子组件的数据放在state中 state = { lastName: '老王' } render() { return ( <div classNa原创 2022-02-03 15:41:36 · 1099 阅读 · 0 评论 -
React页面路由
前端路由介绍 随着 ajax 的使用越来越广泛,前端的页面逻辑开始变得越来越复杂,特别是单页Web应用(Single Page Web Application,SPA))的兴起,前端路由系统随之开始流行。1、用户的角度 前端路由主要实现了两个功能(使用ajax更新页面状态的情况下):记录当前页面的状态(保存或分享当前页的url,再次打原创 2021-10-30 14:57:09 · 681 阅读 · 0 评论 -
React Hooks
一、为什么会有Hooks 介绍Hooks之前,首先要说一下React的组件创建方式,一种是类组件,一种是纯函数组件,并且React团队希望,组件不要变成复杂的容器,最好只是数据流的管道。开发者根据需要,组合管道即可。也就是说组件的最佳写法应该是函数,而不是类。但是我们知道,在以往开发中类组件和纯函数组件的区别是很大的,纯函数组件有着类组件不具备的多种特点:纯函数组件没有状态纯函数组件没有生命周期纯函数组件没有thi原创 2021-10-11 11:42:13 · 800 阅读 · 0 评论 -
React组件的生命周期
一、什么是生命周期 组件的生命周期就是React的工作过程,就好比人有生老病死,自然界有日月更替,每个组件在网页中也会有被创建、更新和删除,如同有生命的机体一样。 React组件的生命周期可以分为三个过程装载(挂载)过程(mount):就是组件第一次在DOM树中渲染的过程。更新过程(update):组件被重新渲染的过程。卸载过程(unmount):组件从DO原创 2021-10-08 11:32:28 · 988 阅读 · 0 评论 -
React脚手架、组件基础总结
props属性(1) 每个组件都有props属性(2) 组件的属性值都保存在props中(3) 通过props可以在组件外部向组件内部传递值(4) 在组件内部不能修改props属性的值(5) 在组件内部读取某个属性的值: this.props.属性名(6) 类组件的构造函数constructor(props){ super(props) console.log(props) //输出组件的所有属性 }(7) 设置Props的默认值 组件名.def原创 2021-09-29 22:11:31 · 295 阅读 · 0 评论 -
React简介、JSX语法详解
一、React简介1、是一个JavaScript的库,目的是简化用户界面的开发。2、是基于JSX(JavaScript Xml)语法,可以和html、js混合书写。3、核心是组件,可以实现用户界面的模块化开发,代码的复用率高、可维护性好。4、是Facebook公司开发,2013年发布。二、React的开发过程1、导入js文件<script src="../js/react.development.js"></script> <!-- React的核心库 -->原创 2021-09-25 22:15:21 · 386 阅读 · 0 评论