React
文章平均质量分 91
react
清风徐来辽
这个作者很懒,什么都没留下…
展开
-
React 组件点击事件
当使用函数组件内的 useState Hook 创建点击事件时,你可以轻松地管理组件的状态。这个箭头函数在函数组件内部的某个函数中定义,然后在按钮的点击事件处理程序中调用它以显示消息。所以,如果你使用React 16.3.0或更新版本,你可以更轻松地使用类属性或箭头函数来处理事件,而不必显式使用。从React 16.3.0开始,类属性和箭头函数的使用变得更加普遍,因为它们使代码更简洁、易读,并且自动绑定了。时,通常是在类组件中,以确保在事件处理程序中访问组件的。函数组件内部的某个函数中使用箭头函数。原创 2023-10-31 14:34:24 · 750 阅读 · 0 评论 -
React 组件的3大属性: props
</div>// 子组件render() {// 子组件通过 this.props.message 访问父组件传递的数据return (<div>原创 2023-10-31 11:29:39 · 574 阅读 · 0 评论 -
React 组件的3大属性: refs
字符串 Refs 是 React 中的一种创建 Refs 的方式,但自 React 16.3 版本开始,官方不再推荐使用它,因为它存在一些潜在的问题,比如性能问题和可维护性问题。以下是一个简单的 React 示例,演示如何使用 Refs 来管理焦点,具体是将焦点从一个输入框移动到另一个输入框。回调 Refs 的优点是它们在更早的 React 版本中是有效的,并且能够很好地用于访问 DOM 元素或子组件的实例。钩子可以在函数式组件中方便地创建和访问Refs,以及执行与Refs相关的操作,而无需使用类组件。原创 2023-10-31 11:20:40 · 288 阅读 · 0 评论 -
React 组件的3大属性: state
需要注意的是,自 React 16.8 版本引入的 Hooks 之后,你也可以在函数组件中使用 useState 来初始化和管理状态。使用 state 来管理组件的内部状态,当状态变化时,React 会重新渲染组件以反映最新的数据。它是一种在组件中跟踪状态变化的方式,以便在数据发生变化时,React 可以更新用户界面以反映这些变化。如果你的应用中有多个组件需要共享一些数据,你可以将这些数据存储在共同的祖先组件的。发生变化时,React 会自动重新渲染相关的组件部分,以便显示最新的数据。将数据传递给子组件。原创 2023-09-01 13:50:41 · 839 阅读 · 0 评论 -
React 组件化是什么?
React 是一个用于构建用户界面的JavaScript库,它采用了组件化的开发模式,使得开发者可以将界面划分为独立的、可重用的组件,以便更轻松地管理和维护复杂的应用程序。组件化开发是一种将应用程序拆分为小块、可重用的部分的方法。在React中,每个组件都有自己的状态(state)和属性(props),它们用于描述组件的行为和外观。在React中,组件是构建用户界面的基本单元。组件可以是功能性的,也可以是有状态的。每个组件都可以包含自己的逻辑、渲染方法和样式。原创 2023-09-01 10:48:14 · 820 阅读 · 1 评论 -
React 生命周期
在 React 中,组件的声明周期是指组件在被创建、更新和销毁的过程中所经历的一系列阶段。这些阶段允许你在不同的时间点执行特定的代码,以便管理组件的状态、数据和用户界面。在早期版本的 React 中,存在三个主要的声明周期阶段:Mounting(挂载)、Updating(更新)和Unmounting(卸载)。然而,随着 React 的发展,声明周期方法已经逐渐被推荐为不建议使用,取而代之的是使用 React Hooks。不过,了解声明周期方法仍然有助于理解 React 组件的工作原理。原创 2023-08-25 11:16:24 · 881 阅读 · 0 评论 -
React 入门学习
React 使用称为 JSX(JavaScript 和 XML)的 HTML-in-JavaScript 语法。熟悉 HTML 和 JavaScript 可以帮助您学习 JSX,并更好地确定应用程序中的错误是与 JavaScript 还是与 React 的更特定领域相关.React 是一个用于构建用户界面的库。React 不是一个框架 —— 它的应用甚至不局限于 Web 开发,它可以与其他库一起使用以渲染到特定环境。例如,React Native 可用于构建移动应用程序;原创 2023-08-09 14:02:33 · 796 阅读 · 0 评论 -
TypeScript + React 环境搭建
一顿下一步,npm 也会直接安装上,现在的版本环境变量也无需自己配置。当前目录编译,编译成JS代码。然后再检测是否安装成功。原创 2023-06-29 09:09:49 · 671 阅读 · 0 评论