- 博客(84)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 #26 React+Typescipt useRef类型示例
在React和TypeScript的组合使用中，useRef是一个常用的Hook，它可以用来访问DOM元素或者在组件的整个生命周期内持久存储一个可变的值。下面的示例展示了如何在TypeScript环境中使用useRef。
2024-03-27 15:31:51
247
2
原创 #25 React+Typescipt Props事件类型示例
在React和TypeScript中处理事件，如点击或改变事件，是交云用户界面的基础。以下是如何在组件的props中定义和使用事件处理函数的几种示例，以及如何在TypeScript中为这些事件处理函数提供类型注解。
2024-03-27 15:31:32
275
原创 #24 React+Typescipt Props Children类型示例
在React和TypeScript中处理childrenprop是组件编写中的一个常见模式，允许你将组件作为其他组件的子组件传递。这里介绍几种使用childrenprop的方法，并展示如何在TypeScript中为它们提供类型注解。
2024-03-27 15:31:12
255
原创 #23 React+Typescipt Props类型示例
使用类型别名来定义props，这对于简单的组件尤其方便。// 使用组件在上述示例中，我们展示了如何使用TypeScript与React来定义和使用多种类型的props，包括简单类型、可选类型、复杂对象以及函数类型的props。这些示例涵盖了大部分日常开发中的需求，帮助您更好地理解和运用React和TypeScript。
2024-03-27 15:30:58
399
原创 # 20 在React里使用Redux（网络异步请求）
通过这个示例，你学会了如何使用 Redux Toolkit 和 React-Redux 在 React 应用中管理状态，包括如何发起异步请求并处理结果。这只是 Redux 世界的入门级示例。随着你深入学习，你将会遇到更复杂的状态管理场景，Redux Toolkit 提供了强大的工具和方法来帮助你高效地解决这些问题。
2024-03-27 15:29:10
326
原创 # 19 在React里使用Redux，向action里传参
好的，我将为您提供一个从头开始创建项目并使用Redux的示例。我们将使用Redux Toolkit、React、和React-Redux。在这个示例中，我会展示如何设置项目结构、创建Redux store、编写actions、reducers和组件，并将它们连接起来。首先，确保您已经安装了Node.js和npm。然后，我们将创建一个React应用，并使用Redux Toolkit添加Redux支持。
2024-03-27 15:28:56
147
原创 # 18 Redux使用React的生产级示例
首先学习以下，对象解构。下面两种写法都是用来定义一个名为TodoList的组件，但它们的写法稍有不同，主要体现在如何解构props对象的过程上。下面我将详细介绍这两种写法，并解释它们的异同点。
2024-03-27 15:28:42
278
原创 # 17 Redux纯原生 无框架示例
接下来，我们将编写JavaScript代码来实现Redux逻辑。这样，我们就完成了一个简单的Redux示例。当点击增加或减少按钮时，计数器的值会相应地增加或减少，并在页面上实时更新。纯HTML JavaScript实现Redux，帮助你理解Redux的基本概念。
2024-03-27 15:28:19
140
原创 # 16 React 使用自定义Hook实现网络请求
自定义Hook，并在组件中调用它，传递了API的URL。根据加载状态和错误状态，我们渲染不同的内容。自定义Hook可以帮助你在React应用中重用一些逻辑。使用这个自定义Hook非常简单。使用自定义Hook能够将重复的逻辑封装起来，使得组件更加简洁和可维护。它接受一个URL作为参数，并返回包含数据、加载状态和错误的对象。在这个自定义Hook中，我们命名为。在这个示例中，我们导入了之前定义的。
2024-03-26 01:01:22
130
原创 # 15 React 使用useEffect获取网络数据
在React组件中结合使用json-server和axios，从模拟的API服务获取数据并展示在页面上。：用于在本地创建模拟的RESTful API。我们使用json-server来创建一个本地服务器，以模拟一个真实的后端API服务。在上面的例子中，我们使用axios来从模拟的API服务获取数据。：用于在函数组件中执行副作用操作，比如数据获取。在上面的例子中，我们使用了。，用来模拟你的API数据。在React组件中使用axios来进行API请求。：用于在函数组件中使用状态。在上面的例子中，我们使用。
2024-03-25 03:46:26
315
原创 # 14 React 自定义Hook详解
自定义 Hook 是一个函数，其名称以 “use” 开头，函数内部可以调用其他 Hook。自定义 Hook 是一个函数，其名称以 “use” 开头，函数内部可以调用其他 Hook。
2024-03-25 03:32:52
437
原创 13 React useEffect 详解
useEffect是 React 中用于处理副作用操作的 Hook。副作用包括数据获取、订阅操作、手动修改 DOM 等。以下是一些useEffect。
2024-03-25 03:28:12
558
原创 12 React 组件通信 兄弟组件之间通信
在React中实现兄弟组件通信相对于父子组件通信来说稍微复杂一些，因为React本身是基于单向数据流的，兄弟组件之间并没有直接的通信途径。可以使用像Redux、MobX或者Context API这样的状态管理库来管理共享状态，兄弟组件通过这些库来共享状态。创建一个事件总线或者自定义Hooks，兄弟组件通过事件或者Hooks来通信。父组件将需要共享的状态作为props传递给两个兄弟组件。
2024-03-25 03:19:03
690
原创 11 React 组件通信 父传子
在React中实现组件通信是非常常见的需求，其中包括父子组件通信。React的Context API允许您在组件树中传递数据，而无需在每个层级手动传递props。父组件通过props将回调函数传递给子组件，子组件调用该函数来与父组件通信。这是最基本的父子组件通信方式。父组件通过props将数据传递给子组件。
2024-03-25 03:10:02
1181
原创 03 React 基础样式控制
综上所述，选择样式管理方法时需要根据项目的需求和规模进行权衡。较小的项目可以使用内联样式或全局CSS，而较大的项目则可能更适合使用CSS模块或CSS-in-JS来管理样式。在React中，有多种方式可以管理组件的样式，每种方式都有其优劣势。
2024-03-25 01:28:17
496
原创 NPM 国内镜像
npm config set registry http://mirrors.cloud.tencent.com/npm/npm config get registrynpm config set registry https://registry.npmmirror.comnpm config get registrynpm config set registry https://mirrors.huaweicloud.com/repository/npm/npm config get registryn
2024-03-24 20:19:44
450
1
转载 大部分人都可能缺少的知识情商
大部分人都可能缺少的知识情商情商，它的全称是情绪商数。英语中称之为Emotional intelligence(EI)或Emotional intelligence Quotient(EQ)。它可以感知情绪识别自己和他人的情绪，使用情绪信息，理解情绪指引思考和行为，管理情绪为它们贴上合适的标签和处理情绪让情绪能适应当前环境。情商可以后天努力提高的，好的情商会拥有好情绪、更高的意志和耐受挫折的品质，它提高了控制自己情绪和处理人际关系能力。情商成为了人生赢家重要素质之一，如果一个人智力超群，但是他们独立自
2022-05-04 10:38:25
197
原创 Rust 基础速览（二）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档Rust 基础速览（二）前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤
2021-09-30 16:35:56
132
原创 Rust 基础速览（一）
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-09-29 18:18:21
138
原创 SourceTree最新GitHub配置教程
解决：Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.解决步骤cd ~/.ssh# 生成密钥ssh-keygen -t rsa -C [email protected]# 复制密钥到 https://github.com/settings/keys 添加密钥cat id_rsa.pub# 验证密钥ssh -T git@gi
2021-09-16 13:53:34
521
原创 安装开源Java环境
下载地址https://adoptopenjdk.net/export JAVA_HOME=/Library/Java/JavaVirtualMachines/temurin-11.jdk/Contents/Home
2021-08-24 09:51:00
379
原创 Rust Sqlite 编译失败
编译提示：Non-UTF-8 output: LINK : fatal error LNK1181: \xce\xde\xb7\xa8\xb4\xf2\xbf\xaa\xca\xe4\xc8\xeb\xce\xc4\xbc\xfe\xa1\xb0sqlite3.lib\xa1\xb1\r\n解决方案：https://github.com/actix/examples/issues/426Solution：https://vellocetclub.wordpress.com/2021/01/22/r
2021-05-04 19:13:22
929
原创 通过Teamview后台去除限制
1、解除5分钟限制和检测为商业用途以上通过Teamview后台实现，非软件。打开网址：https://login.teamviewer.com/nav/profile找到免费设备解绑全部删除反正个人资料里的，每个都看看吧，实在不行就删除账号，肯定可以远程了。...
2021-04-23 18:35:42
2180
2
原创 The ‘Pods-Runner‘ target has libraries with conflicting names: libwechatsdk.a.
Flutter 引入 sharesdk_plugin ，IOS项目 pod install 报错误如下The 'Pods-Runner' target has libraries with conflicting names: libwechatsdk.a.解决方案：找到Flutter拉取sharesdk_plugin库的路径，如/Volumes/data/flutter_sdk/.pub-cache/hosted/pub.flutter-io.cn/sharesdk_plugin-1.2.9打
2021-03-07 18:05:59
3447
原创 2021 Cocoapods 的 Specs 国内镜像 解决 清华大学镜像失效的问题
源：https://github.com/CocoaPods/Specs.githttp://t.cn/A6t9IR2H通过更换github镜像，加速访问https://doc.fastgit.org/CocoaPods/Specs.githttps://gitclone.com/CocoaPods/Specs.githttps://gitee.com/mirrors/CocoaPods/Specs.githttps://github.com.cnpmjs.org/CocoaPods/Specs
2021-03-03 18:10:29
2313
1
原创 Rust 实现 Http-Sever
教程来自官方教程Rust Http-Server单线程WebServer监听TCP链接读取请求编写响应读取HTML文件并渲染验证请求有效性并选择性的响应重构多线程服务器模拟慢速请求使用线程池改进吞吐量为每个请求创建独立线程使用固定数量的线程池创建接口在new中验证线程数量创建用于存放线程的空间创建线程使用通道请求发送给线程实现execute方法优雅地停机与清理通知线程停止监听单线程WebServer监听TCP链接监听传入的TCP流，并在接收到流时打印信息。use std::net::TcpList
2021-01-29 21:47:07
1414
Navicat Premium 12.1.23_KeyPatch 内有详细使用说明
2019-09-29
ts 编译运行时，为何没有正确加载 JavaScript 文件？
2023-05-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人