随笔分类 - java开发相关 / 前端开发 / React
摘要：在React组件中，render 是一个生命周期方法，它负责定义组件的UI结构。每当组件的状态（state）或属性（props）发生变化时，render 方法会被调用，以重新渲染组件，展示最新的数据。 render 方法的主要作用包括： 返回JSX：render 方法需要返回一个有效的JSX（Jav
阅读全文
摘要：React 列表 & Keys 我们可以使用 JavaScript 的 map() 方法来创建列表。 React 实例 使用 map() 方法遍历数组生成了一个 1 到 5 的数字列表: const numbers = [1, 2, 3, 4, 5]; const listItems = numbe
阅读全文
摘要：创建路由 router/index.js： import App from '../pages/App'; import Login from '../pages/Login'; import Main from '../pages/Main'; import Page2 from '../page
阅读全文
摘要：用 State 响应输入 React 控制 UI 的方式是声明式的。你不必直接控制 UI 的各个部分，只需要声明组件可以处于的不同状态，并根据用户的输入在它们之间切换。这与设计师对 UI 的思考方式很相似。 你将会学习到 了解声明式 UI 编程与命令式 UI 编程有何不同 了解如何列举组件可能处于的
阅读全文
摘要：界面上的控件会根据用户的输入而更新。例如，点击按钮切换轮播图的展示。在 React 中，随时间变化的数据被称为状态（state）。你可以向任何组件添加状态，并按需进行更新。在本章节中，你将学习如何编写处理交互的组件，更新它们的状态，并根据时间变化显示不同的效果。 本章节 如何处理用户发起的事件 如何
阅读全文
摘要：https://react.docschina.org/learn/describing-the-ui 描述UI React 是一个用于构建用户界面（UI）的 JavaScript 库，用户界面由按钮、文本和图像等小单元内容构建而成。React 帮助你把它们组合成可重用、可嵌套的 组件。从 web
阅读全文
摘要：如果你想完全用 React 构建一个新的应用或网站，我们建议选择社区中流行的、由 React 驱动的框架。 你可以在没有框架的情况下使用 React，但是我们发现大多数应用程序和网站最终都会构建常见问题的解决方案，例如代码分割、路由、数据获取和生成 HTML。不仅仅是 React，这些问题对于所有
阅读全文
摘要：快速入门 欢迎来到 React 文档！本章节将介绍你每天都会使用的 80% 的 React 概念。 你将会学习到 如何创建和嵌套组件 如何添加标签和样式 如何显示数据 如何渲染条件和列表 如何对事件做出响应并更新界面 如何在组件间共享数据 https://react.docschina.org/ R
阅读全文
