个人技术分享

经过了前面文章的学习，终于到最后一步了，那就是一个管理页面的构建，包括处理列表请求，搜索、重置和展开/收起等功能。结合之前封装的布局、功能相关组件，在本文只需要按需引入，统一了代码标准，减少重复代码，提高代码的可维护性和可复用性。关注本栏目，会实时更新。

React 是一个用于构建用户界面的开源JavaScript库，由Facebook开发并维护。它专注于构建单页应用程序（SPA）和移动应用程序的用户界面。React 以其组件化架构、虚拟DOM和声明式编程范式而闻名，这些特点使得它在开发大型和复杂的前端应用时非常高效。

在Vue3中，响应式数据是构建动态UI的基石。Vue3引入了组合式API（即 Composition API），并提供了ref和reactive两个函数来创建响应式数据。本文将详细介绍ref和reactive的使用方法、适用场景、区别以及它们之间的联系。ref和reactive是Vue3中创建响应式数据的两个重要函数。它们各有特点，适用于不同的场景。通过深入理解它们的用法和区别，可以更加灵活地构建Vue3应用程序的响应式数据层。

vue3基础系列

子组件不应该直接修改从父组件传递过来的props。如果需要更新数据，应该通过父组件来管理状态，并通过回调函数将更新后的数据传递给子组件。当你需要从子组件向父组件传递参数时，可以使用回调函数作为props传递给子组件。子组件通过调用这个回调函数来传递数据。父组件可以通过props将数据传递给子组件。子组件通过接收props来获取这些数据。

子组件不应该直接修改从父组件传递过来的props。如果需要更新数据，应该通过父组件来管理状态，并通过回调函数将更新后的数据传递给子组件。当你需要从子组件向父组件传递参数时，可以使用回调函数作为props传递给子组件。子组件通过调用这个回调函数来传递数据。父组件可以通过props将数据传递给子组件。子组件通过接收props来获取这些数据。

总之，.map()在React中被推荐用于渲染列表主要是因为它符合React的声明式和函数式编程范式，能够高效地从数据生成组件，并且代码更加简洁、易于维护。当然，在某些特定情况下，可能会需要使用for循环或其他方法，但这些情况比较少见。

在 React Native 中，。像素比（或称为设备像素密度、DPI 密度等）是物理像素和设备独立像素（DIPs 或 DPs）之间的比率。设备独立像素是一种抽象的度量单位，使得开发者可以编写不依赖于特定屏幕分辨率的代码。

1.点到点网络类型 down-->init-->(前提为可以建立邻接)exstart——>exchange-->若查看邻接的DBD 目录后发现不用进行LSA 直接进入ful。>(前提为可以建立邻接，通过DR/BDR选举后来判断)exstart-->exchange-->若查看邻接的 DBD 目录后发现不用进行LSA 直接进入 full 若查看后需要进行查询、应答先进入 loading，在查询应答完后再进入 full。2.MA网络类型 down -->init -->3、必须区域划分--

简述React-Router 的实现原理及工作方式

context 举例 - Form 表单

可用于获取 DOM 元素。

React Native 提供了和 web 标准一致的Fetch API，用于满足开发者访问网络的需求。如果你之前使用过XMLHttpRequest(即俗称的 ajax)或是其他的网络 API，那么 Fetch 用起来将会相当容易上手。

当向外暴露{ name: ‘liulongbin’, age: 22 }时，childRef.current为{ name: ‘liulongbin’, age: 22 }// 第二个参数是一个函数，子组件将自己内部的方法或值作为对象返回，并自动绑定到父组件定义的并传给子组件的 ref 上。// 第三个参数是函数依赖的值（可选）,createHandle中用到的子组件内部定义的变量也需要作为依赖项。ref 用来获取实例，但函数组件不存在实例，所以ref无法获取函数式组件的实例。

useState 中使用 ts。props 中使用 ts。useRef 使用 ts。

button）和 iOS 设备上的手势返回（swipe back gesture）的模块。在 React Native 应用中，当用户按下返回按钮或执行返回手势时，默认情况下，应用会导航回前一个屏幕或者如果已经在栈底则退出应用。但是，有时候你可能需要自定义这些行为，例如弹出一个确认对话框或者执行一些清理操作。是一个用于处理 Android 设备上的硬件返回按钮（back。react-native 中的。

函数组件没有组件实例不能监听各个生命周期无法扩展属性和方法没有 state 和 setState只是输入 props ，输出 jsx ，。

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

但是，如果必须将道具传递到中间的许多组件，或者应用中的许多组件需要相同的信息，则传递道具可能会变得冗长且不方便。但是，当您需要将一些道具深入树中传递时，或者如果许多组件需要相同的道具时，传递道具可能会变得冗长和不方便。最接近的共同祖先可能与需要数据的组件相距甚远，将。如果有一种方法可以在不传递道具的情况下将数据“传送”到树中需要它的组件，那不是很好吗？允许父组件将一些信息提供给其下树中的任何组件（无论其深度如何），而无需通过 prop 显式传递它。是将数据通过 UI 树显式传递到使用它的组件的好方法。

【代码】react基础。