React - 文章分类 - AtlasLapetos

React 参考手册

摘要：React 参考手册 React 手册包含了各种核心 API、Hooks、组件生命周期方法等。以下是一些常见的函数和方法，以及它们的简要说明： React 核心 API createElement(type, [props], [...children]) - 创建一个 React 元素或组件。阅读全文

posted @ 2024-10-11 17:47 AtlasLapetos 阅读(8) 评论(0) 推荐(0) 编辑

React Hooks

摘要：React Hooks React Hooks 是 React 16.8 引入的一项重要特性，它使函数组件能够拥有类组件的一些特性，例如状态管理和生命周期方法的使用。通过 Hooks，可以更加简洁和灵活地编写 React 组件。 1. 什么是 React Hooks？ React Hooks 是一阅读全文

posted @ 2024-10-11 17:35 AtlasLapetos 阅读(6) 评论(0) 推荐(0) 编辑

React Tailwind CSS

摘要：React Tailwind CSS 在 React 项目中使用 Tailwind CSS 是一个很流行的选择，因为它提供了一种实用工具优先的方法来编写 CSS，使得你可以直接在类名中应用样式。这种方法使得样式编写更加简洁和直观。 Tailwind CSS 官网：https://tailwindcs 阅读全文

posted @ 2024-10-11 17:33 AtlasLapetos 阅读(168) 评论(0) 推荐(0) 编辑

React Sass

摘要：React Sass Sass（Syntactically Awesome Stylesheets）是一种 CSS 预处理器。 Sass 允许你使用 CSS 中尚不存在的特性，比如变量、嵌套规则、混入、函数等等。 Sass 文件在服务器上执行，并将生成的 CSS 发送到浏览器。你可以在我们的 Sa 阅读全文

posted @ 2024-10-11 17:30 AtlasLapetos 阅读(8) 评论(0) 推荐(0) 编辑

React 使用 CSS 样式

摘要：React 使用 CSS 样式在 React 应用程序中使用 CSS 有多种方法。以下是一些常见的方式以及如何在 React 中实现这些方法的详细说明。内联样式在 React 中直接在元素内使用 CSS 样式是通过内联样式来实现的。内联样式是将 CSS 样式直接作为一个对象传递给元素的 s 阅读全文

posted @ 2024-10-11 17:29 AtlasLapetos 阅读(54) 评论(0) 推荐(0) 编辑

React Memo

摘要：React Memo React.memo 是一个高阶组件（Higher Order Component, HOC），用于优化函数组件的性能。它通过记忆组件的渲染输出，在组件的 props 没有变化时跳过重新渲染，从而提高性能。以下是 React.memo 的详细介绍和使用方法。 1. 基本使用 R 阅读全文

posted @ 2024-10-11 15:24 AtlasLapetos 阅读(79) 评论(0) 推荐(0) 编辑

React 路由

摘要：React 路由 React 路由通常使用 react-router 库来实现，它是一个功能强大的库，用于在 React 应用程序中实现客户端路由。以下是关于如何在 React 中使用 React Router 的详细说明：安装 React Router 首先，你需要安装 react-router 阅读全文

posted @ 2024-10-11 15:19 AtlasLapetos 阅读(4) 评论(0) 推荐(0) 编辑

React 条件判断

摘要：React 条件判断在 React 中，可以通过 JavaScript 的条件语句来动态渲染组件或元素。以下是几种常用的在 React 中处理条件渲染的方法： 1. 使用 if 语句在 render 方法或函数组件的返回值中使用 if 语句来决定渲染内容。 import React from 阅读全文

posted @ 2024-10-11 15:17 AtlasLapetos 阅读(22) 评论(0) 推荐(0) 编辑

React Refs

摘要：React Refs React 支持一种非常特殊的属性 Ref ，你可以用来绑定到 render() 输出的任何组件上。这个特殊的属性允许你引用 render() 返回的相应的支撑实例（ backing instance ），这样就可以确保在任何时间总是拿到正确的实例。在 React 中，Re 阅读全文

posted @ 2024-10-11 15:13 AtlasLapetos 阅读(3) 评论(0) 推荐(0) 编辑

React 表单与事件

摘要：React 表单与事件本章节我们将讨论如何在 React 中使用表单。 HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态。在 HTML 当中，像<input>,<textarea>和<select> 这类表单元素会维持自身状态，并根据用户输入进阅读全文

posted @ 2024-10-11 15:11 AtlasLapetos 阅读(5) 评论(0) 推荐(0) 编辑

React AJAX

摘要：React AJAX 在 React 应用中实现 AJAX 请求，通常可以使用 fetch API 或者第三方库如 axios、jquery 等库来进行网络请求。以下是使用这两种方法的基本说明：使用 fetch API 进行 AJAX 请求 fetch 是一个在浏览器中内置的 API，用于发起网阅读全文

posted @ 2024-10-11 15:06 AtlasLapetos 阅读(4) 评论(0) 推荐(0) 编辑

React 组件生命周期

摘要：React 组件生命周期在本章节中我们将讨论 React 组件的生命周期。组件的生命周期可分成三个状态： Mounting(挂载)：已插入真实 DOM Updating(更新)：正在被重新渲染 Unmounting(卸载)：已移出真实 DOM 挂载当组件实例被创建并插入 DOM 中时，其生命周阅读全文

posted @ 2024-10-11 15:05 AtlasLapetos 阅读(2) 评论(0) 推荐(0) 编辑

React 组件 API

摘要：React 组件 API React 组件 API 涉及多个重要的方面，包括生命周期方法、状态管理、属性传递和事件处理。以下是 React 组件 API 的详细说明：生命周期方法 React 组件的生命周期方法分为三个主要阶段：挂载、更新和卸载，详细说明参见：React 组件的生命周期。挂载阅读全文

posted @ 2024-10-11 15:04 AtlasLapetos 阅读(34) 评论(0) 推荐(0) 编辑

React 列表 & Keys

摘要：React 列表 & Keys 我们可以使用 JavaScript 的 map() 方法来创建列表。 const numbers = [1, 2, 3, 4, 5]; const listItems = numbers.map((numbers) => <li>{numbers}</li> ); c 阅读全文

posted @ 2024-10-11 15:01 AtlasLapetos 阅读(2) 评论(0) 推荐(0) 编辑

React 条件渲染

摘要：React 条件渲染在 React 中，你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。 React 中的条件渲染和 JavaScript 中的一致，使用 JavaScript 操作符 if 或条件运算符来创建表示当前状态的元素，然后让 React 根据阅读全文

posted @ 2024-10-11 14:58 AtlasLapetos 阅读(3) 评论(0) 推荐(0) 编辑

React 事件处理

摘要：React 事件处理 React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同: React 事件绑定属性的命名采用驼峰式写法，而不是小写。如果采用 JSX 的语法你需要传入一个函数作为事件处理函数，而不是一个字符串(DOM 元素的写法) HTML 通常写法是： <button on 阅读全文

posted @ 2024-10-11 14:57 AtlasLapetos 阅读(2) 评论(0) 推荐(0) 编辑

React Props

摘要：React Props 在 React 中，Props（属性）是用于将数据从父组件传递到子组件的机制，Props 是只读的，子组件不能直接修改它们，而是应该由父组件来管理和更新。 state 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什阅读全文

posted @ 2024-10-11 14:55 AtlasLapetos 阅读(115) 评论(0) 推荐(0) 编辑

React 组件状态(State)

摘要：React 组件状态(State) 组件可以拥有状态（state），它是组件数据的私有部分，可以用来管理动态数据。状态仅适用于类组件，或者使用 React 的 Hook 时可以在函数组件中使用。 React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然阅读全文

posted @ 2024-10-11 14:48 AtlasLapetos 阅读(26) 评论(0) 推荐(0) 编辑

React 组件

摘要：React 组件 React 组件是构建 React 应用的基本单元。组件可以分为：函数组件和类组件。函数组件函数组件是定义组件的一种简洁方法。函数组件是一个接受 props 并返回 React 元素的 JavaScript 函数。创建一个简单的函数组件： src/Welcome.js 文阅读全文

posted @ 2024-10-11 13:45 AtlasLapetos 阅读(5) 评论(0) 推荐(0) 编辑

React JSX

摘要：React JSX React 使用 JSX 来替代常规的 JavaScript。 JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。我们不需要一定使用 JSX，但它有以下优点： JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。它是类型安全的，在编译阅读全文

posted @ 2024-10-11 13:41 AtlasLapetos 阅读(6) 评论(0) 推荐(0) 编辑

文章分类 - JavaScript / React

搜索

常用链接

随笔分类

随笔档案

文章分类

阅读排行榜