qiaofugui

React-向路由组件传递参数数据

params 参数 路由链接(携带参数): {/* 传递 params 参数 */} <Link to={`/home/message/dateil/Joe/18`}>详情</Link> 注册路由(声明接收):

qiaofugui 发布于 2024-05-21

React-路由v5

React 路由介绍 现代前端应用大多都是 SPA(单页应用程序),也就是只有一个 HTML 页面的应用程序。因为它的用户体验更好、对服务器的压力更小,所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能,前端路由应运而生 前端路由的功能:让用户从一个视图(页面)导航到另一个视图(页面) 前端

qiaofugui 发布于 2024-05-21

React-Ajax

前置说明 React本身只关注于界面, 并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互(json数据) react应用中需要集成第三方ajax库(或自己封装) 常用的ajax请求库

qiaofugui 发布于 2024-05-21

React-应用(基于脚手架)

使用 create-react-app 创建 React 应用 React 脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置(语法检查、jsx编译、devServer…) 下载好了所有相关的依赖

qiaofugui 发布于 2024-05-21

React-原理

setState() 说明 更新数据 setState() 是异步更新数据的 可以多次调用 setState(),之后触发一次重新渲染(render) 使用下面这种语法时,后面的 setState() 不要依赖于前面的

qiaofugui 发布于 2024-05-21

React-refs 与事件处理

refs 组件内的标签可以定义 ref 属性来标识自己 字符串形式的 ref 我们不建议使用它,因为 string 类型的 refs 存在 一些问题。它已过时并可能会在未来的版本被移除。 <input type="text" ref="input1" />

qiaofugui 发布于 2024-05-21

React-Props-组件通讯-生命周期-高阶组件

组件通讯介绍 组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据。在组件化过程中,将一个完整的功能拆分成多个组件,以更好地完成整个应用的功能。而在这个过程中,多个组件之间不可避免的要共享某些数据。为了实现这些功能,就需要打破组件的独立封闭性,让其与外界沟通。这个过程就是组件通讯 组件的 pr

qiaofugui 发布于 2024-05-21

React-组件基础

React 组件介绍 组件是 React 的一等公民,使用 React 就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 可复用、独立、可组合 Reac

qiaofugui 发布于 2024-05-21
上一页 下一页