51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

react

使用React ToolKit(RTK) 创建基本的state存储库

使用React ToolKit(RTK) 创建基本的state存储库

厉飞雨 阅读(31) 评论(0) 赞(2)

### 环境准备 首先准备一个react环境(使用create-react-app) ```bash npx create-react-app my-redux-app cd my-redux-app ``` 然后安装RTK ```bash npm install react-redux @reduxjs/toolkit ``` 这样基本的环境就搭建好了 ### 结...

React-记-3

React-记-3

厉飞雨 阅读(17) 评论(0) 赞(1)

<h1>前言 {#前言}</h1> <p><strong>React 没法做到 JS 做不到的事,其任务调度也逃不开浏览器的事件循环。</strong><br /> 相比起写 Vue,React 更需要开发者知道浏览器本身的各种特性。</p> <h1>缓存 {#缓存}</h1&...

React-记-2

React-记-2

厉飞雨 阅读(20) 评论(0) 赞(2)

Context {#Context} ================== 父子组件通过 props 显式传递数据,当组件层级较深时,这种方式会变得很麻烦。[Context(上下文)](https://zh-hans.react.dev/learn/passing-data-deeply-with-context)允许向所有后代组件传递数据(信息)。 不同于 Vue 的 p...

React-记-1

React-记-1

厉飞雨 阅读(22) 评论(0) 赞(1)

前言 {#前言} ======== [React](https://react.dev/)、[zh-hans](https://zh-hans.react.dev/) 开始 {#开始} ======== |-------------|--------------------------------------------------------| | ``` 1 2 ``...

React 实现简易 Excel(选区篇)

React 实现简易 Excel(选区篇)

厉飞雨 阅读(21) 评论(0) 赞(1)

介绍 --- 最近在做表单低代码平台相关开发,其中有一个表格布局组件,需要实现 Excel 选区、合并、插入等功能,并往每个单元格放入组件,实现一个表格布局,其中 Excel 选区模式较难一点,花费了不少时间,在这里做一下记录,写文章也能继续理解一次。目前已经实现选区、合并、拆分功能,具体效果如下: [![](http://static.51tbox.com/static...

使用Typescript与React和useForm。

使用Typescript与React和useForm。

厉飞雨 阅读(24) 评论(0) 赞(2)

英文: Using Typescript with React and useForm 问题 {#heading} ============= 以下是您要翻译的内容: "我正在尝试将一些重复的React表单代码提取出来。我打算为从函数Field返回的输入添加一个标签,可能还有一些其他小工具。我一直在尝试为name参数使用正确的类型,但没有找到适合的类型。 ...

Reactor 2024.0 发布,支持 HTTP/3

Reactor 2024.0 发布,支持 HTTP/3

厉飞雨 阅读(16) 评论(0) 赞(1)

[HTTP/3](https://datatracker.ietf.org/doc/html/rfc9114) 是 **Hypertext Transfer Protocol** (超文本传输协议,即 HTTP)的最新主要版本,其规范已于 2022 年 6 月定稿。该版本旨在提高性能、可靠性和安全性。与之前的版本不同,*HTTP/3* 使用 [*QUIC*](https://d...

React Hook Form 和 Zod 中的数字输入

React Hook Form 和 Zod 中的数字输入

厉飞雨 阅读(18) 评论(0) 赞(0)

英文: React hook form and zod inumber input 问题 {#heading} ============= 我使用React Hook Form创建了一个表单,并使用Zod进行了验证。在一个输入框中,我想输入数字,但当我输入任何数字时,错误消息显示它不是数字: <Controller name="c...