阿乐的博客

我们写的是函数式组件 在参数中 有tab s 以及 onTabChange 方法 都是父组件 传递过来的 所以我感觉react 让我更加理解了 父子组件之间的传值 其实和vue 是一样的 有可能写法不太一样。当我们想进入这个组件或者页面的时候 就执行某一个函数的时候 我们就需要使用生命周期或者监听函数 在vue 中我们之前使用的是onMounted 生命周期。突然去写这个代码 你会很不习惯 的 因为之前 用的就是ref reactive 直接就定义了 直接就使用了 而这个不太一样。

以匹配渲染输出，因此组件通常不需要操作 DOM。但是，有时可能需要访问由 React 管理的 DOM 元素——例如聚焦节点、滚动到此节点，以及测量它的尺寸和位置。React 没有内置的方法来执行此类操作，所以需要一个指向 DOM 节点的 ref 来实现。跟vue 中的类似 也有ref 操作dom。由于 React 会自动更新。

使用 React 可以在 JSX 中添加。其中事件处理函数为自定义函数，它将在响应交互（如点击、悬停、表单输入框获得焦点等）时触发。

当 React 应用程序逐渐成形时，许多组件会出现嵌套。那么 React 是如何跟踪应用程序组件结构的？React 以及许多其他 UI 库，将 UI 建模为树。将应用程序视为树对于理解组件之间的关系以及调试性能和状态管理等未来将会遇到的一些概念非常有用。

部分 JavaScript 函数是的，这类函数通常被称为纯函数。纯函数仅执行计算操作，不做其他操作。你可以通过将组件按纯函数严格编写，以避免一些随着代码库的增长而出现的、令人困扰的 bug 以及不可预测的行为。但为了获得这些好处，你需要遵循一些规则。

开发者可以自定义 Hook作为 JavaScript 函数。

这个 更新界面也就是像我们在vue中使用的响应式数据的问题 因为vue是数据渲染视图 这两个框架说法 概念不同 但是其实主题解决的问题还是相同的。这个和vue中说的ref reactive 让某些数据 能够变成响应式数据 这样就能够实现数据渲染视图的特性 实现前端开发需求。通常你会希望你的组件 “记住” 一些信息并展示出来，比如一个按钮被点击的次数。要做到这一点，你需要在你的组件中添加。如果你多次渲染同一个组件，每个组件都会拥有自己的 state。并将新的值传递给它。React 将再次调用你的组件函数。

当用户点击按钮时 React 会调用你传递的事件处理函数。你可以通过在组件中声明。事件处理函数：你只需。

用于在其兄弟节点中唯一标识该元素。通常 key 来自你的数据，比如数据库中的 ID。如果你在后续插入、删除或重新排序这些项目，React 将依靠你提供的 key 来思考发生了什么。对于列表中的每一个元素，你都应该传递一个字符串或者数字给。你将依赖 JavaScript 的特性，例如。函数将这个数组转换为。

React 没有特殊的语法来编写条件语句，因此你使用的就是普通的 JavaScript 代码。所有这些方法也适用于有条件地指定属性。如果你对 JavaScript 语法不熟悉，你可以从一直使用。如果你喜欢更为紧凑的代码，可以使用。以上就是使用的方法 条件渲染。分支时，你还可以使用。

他是这样使用的 跟咱们平常写的vue2 vue3 不一样 所以我们一开始写react 肯定很别扭 当然我们目前首先是要搞懂这个语法 说白了 咱去学习所有的新框架 语言 就是为了 更好的 挣钱 跳槽拿更高的薪资 先去懂这门框架 再根据公司要求 重点学。SX 会让你把标签放到 JavaScript 中。而大括号会让你 “回到” JavaScript 中，这样你就可以从你的代码中嵌入一些变量并展示给用户。你还可以将 JSX 属性 “转义到 JavaScript”，但你必须使用大括号。变量，然后将该值作为。

如果你使用了构建工具或框架，请阅读其文档来了解如何将 CSS 文件添加到你的项目中。React 并没有规定你如何添加 CSS 文件。最简单的方式是使用 HTML 的。来指定一个 CSS 的 class。在 React 中，你可以使用。

你的组件也不能返回多个 JSX 标签。你必须将它们包裹到一个共享的父级中，比如。它是可选的，但大多数 React 项目会使用 JSX，主要是它很方便。JSX 比 HTML 更加严格。react 中是使用 JSX 编写标签的。必须在view 包裹中书写你的代码。都开箱即用地支持 JSX。

是以大写字母开头的。你可以据此识别 React 组件。React 组件必须以大写字母开头，而 HTML 标签则必须是小写字母。一个组件是 UI（用户界面）的一部分，它拥有自己的逻辑和外观。组件可以小到一个按钮，也可以大到整个页面。我们现在有一个index 组件 可以把这个当成一个组件。我们要去创建一个组件 myTest 组件。目前这个组件的简单使用完成了。在index 页面中引入使用。React 应用程序是由。

当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。我们学习一门新的javascript的时候 我们首先会考虑到 框架 我们经常使用的框架有uni-app Taro 因为现在我们开发前端项目 都是用框架去开发 比较简洁 而且快 都是写好以及配置好的选项 所以我们使用框架i。我们从Taro中创建的框架 再加上这个React 的官网去自己学习 还比较好了解 我推荐大家这样去学。react 的版本是18 最新的。

你将会遇到开发者和设计师、初学者和专家、研究人员和艺术家、教师和学生等各行各业的人士。它们的样式和体验都和原生应用程序一样，因为它们的用户界面是真正的原生用户界面。这不是一个 Web 视图——你的 React 组件由平台提供的真实 Android 或 iOS 视图来渲染。React 让你使用相同的技能构建 Web 应用程序和原生应用程序。使用 React，你可以成为 Web 和原生应用的开发人员。你的团队可以在不牺牲用户体验的情况下发布到各个平台。人们希望原生应用程序都有和自己使用的平台相一致的体验。