使用React ToolKit(RTK) 创建基本的state存储库
### 环境准备 首先准备一个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环境(使用create-react-app) ```bash npx create-react-app my-redux-app cd my-redux-app ``` 然后安装RTK ```bash npm install react-redux @reduxjs/toolkit ``` 这样基本的环境就搭建好了 ### 结...
<h1>前言 {#前言}</h1> <p><strong>React 没法做到 JS 做不到的事,其任务调度也逃不开浏览器的事件循环。</strong><br /> 相比起写 Vue,React 更需要开发者知道浏览器本身的各种特性。</p> <h1>缓存 {#缓存}</h1&...
Context {#Context} ================== 父子组件通过 props 显式传递数据,当组件层级较深时,这种方式会变得很麻烦。[Context(上下文)](https://zh-hans.react.dev/learn/passing-data-deeply-with-context)允许向所有后代组件传递数据(信息)。 不同于 Vue 的 p...
前言 {#前言} ======== [React](https://react.dev/)、[zh-hans](https://zh-hans.react.dev/) 开始 {#开始} ======== |-------------|--------------------------------------------------------| | ``` 1 2 ``...
介绍 --- 最近在做表单低代码平台相关开发,其中有一个表格布局组件,需要实现 Excel 选区、合并、插入等功能,并往每个单元格放入组件,实现一个表格布局,其中 Excel 选区模式较难一点,花费了不少时间,在这里做一下记录,写文章也能继续理解一次。目前已经实现选区、合并、拆分功能,具体效果如下: [![](http://static.51tbox.com/static...
英文: Using Typescript with React and useForm 问题 {#heading} ============= 以下是您要翻译的内容: "我正在尝试将一些重复的React表单代码提取出来。我打算为从函数Field返回的输入添加一个标签,可能还有一些其他小工具。我一直在尝试为name参数使用正确的类型,但没有找到适合的类型。 ...
[HTTP/3](https://datatracker.ietf.org/doc/html/rfc9114) 是 **Hypertext Transfer Protocol** (超文本传输协议,即 HTTP)的最新主要版本,其规范已于 2022 年 6 月定稿。该版本旨在提高性能、可靠性和安全性。与之前的版本不同,*HTTP/3* 使用 [*QUIC*](https://d...
英文: i should commit changes everytime i make change in react project using VScode 问题 {#heading} ============= 我有一个问题,我是React的新手,每次在我的React项目中进行更改时,VSCode都会告诉我我必须提交更改才能运行项目。是否有解决方法? 我不能...
英文: React hook form and zod inumber input 问题 {#heading} ============= 我使用React Hook Form创建了一个表单,并使用Zod进行了验证。在一个输入框中,我想输入数字,但当我输入任何数字时,错误消息显示它不是数字: <Controller name="c...
<p>英文:</p> <p>Problem with prop type in ToDo written in React/TypeScript</p> <h1>问题 {#heading}</h1> <p>在<code>ToDoApp</code>组件中,我得到一个带有红...