
react
wakangda
这个作者很懒,什么都没留下…
展开
-
使用 axios 实现接口共享,分页请求,表单提交
Axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 node.js。它可以执行多种复杂的请求操作。以下是一些使用 Axios 实现的常见请求场景的示例。原创 2024-02-26 09:39:37 · 781 阅读 · 0 评论 -
React 常用 Hooks
React Hooks 是 React 16.8 中引入的一项功能,它允许你在不编写 class 的情况下使用 state 和其他 React 特性。Hooks 的出现极大地简化了函数组件的状态管理和副作用的处理。本文将介绍几个最常用的 Hooks,并提供简洁明了的示例代码。原创 2024-02-04 09:32:35 · 1687 阅读 · 0 评论 -
React小册入门(七)路由
React Router 是 React 生态系统中最受欢迎的路由库。通过这篇文章,我们简单介绍了 React Router 的基础知识以及如何构建和实现简单页面跳转和动态路由。React Router 还具有更强大的功能,例如程序化路由、redirects 和路由守卫等等,如果你对这些感兴趣,可以深入研究细节。原创 2023-03-15 20:44:19 · 119 阅读 · 0 评论 -
React入门小册(六) 状态提升与状态共享
React 状态提升指的是将多个组件所共享的状态提升到它们的公共父组件中,以便于修改和同步这些数据的变化。一般而言,状态提升对于多个组件的功能需求相似,并且存在一定的层次结构时,是非常有用的。原创 2023-03-15 20:37:54 · 364 阅读 · 0 评论 -
React 入门小册(五) 生命周期
React生命周期是指组件在不同阶段中的方法调用顺序,它可以帮助我们更好地管理组件的状态和行为。下文将介绍React16的生命周期方法,并逐一分析其作用。原创 2023-03-15 20:15:11 · 317 阅读 · 0 评论 -
React 入门小册(四)事件处理
React 事件处理React 提供了一个与浏览器兼容的、性能较优的解决方式,通过在组件内部调用 handleEvent 方法,并把它赋值给 DOM 属性,从而对事件进行监听。React 支持所有常见的浏览器事件,如 click传递函数作为事件处理程序:防止 this 失效:使用箭头函数或者bind方法将需要绑定的函数绑定到当前实例的this上使用 setState API 更新状态,以重新渲染组件并反映新的状态。在这个计数器示例中,我们在构造函数里初始化了 count 的状态为 0。当用户点击原创 2023-03-15 20:06:07 · 156 阅读 · 0 评论 -
React入门小册(三)组件
函数式组件通常情况下仅从 props 中获取输入并且返回一个 JSX 元素。这些组件主要是通过声明函数的方式定义的。类组件则是通过 ES6 class 语法来定义的。React中的组件是可复用的代码块,其由JSX元素构成,并根据相关的逻辑和数据创建动态UI。我们可以使用 propTypes 定义组件接受哪些属性以及每个属性的类型。React 的单向数据流使得让多个小组件组合形成大组件非常容易。React 中有两种类型的组件:函数式组件和类组件。组件的名称必须以大写字母开头!原创 2023-03-15 19:58:09 · 388 阅读 · 0 评论 -
React 入门小册(二) jsx与Elements
在使用 JSX 时,我们可以直接在 JavaScript 代码中编写 HTML 标签或自定义标签,这些标签被称为元素。原创 2023-03-15 19:53:47 · 601 阅读 · 0 评论 -
React 入门小册(一)安装和配置React开发环境
在Windows或Mac上下载并安装Node.js之后,打开命令行或终端来验证是否已成功安装。输入node -v,如果显示版本号,则代表已成功安装Node.js。在创建一个新的React应用之前,我们还需要全局安装create-react-app插件(使用node), 命令行输入。在开始开发React之前,需要安装Node.js和一个好的代码编辑器(比如Visual Studio Code)。这将创建一个名称为my-app的React应用程序,并启动开发服务器以在浏览器中运行react app.原创 2023-03-15 19:50:34 · 312 阅读 · 0 评论