- 博客(6)
- 收藏
- 关注
RSS订阅原创 redux-toolkit 流程与使用
在上面的代码中，我们使用 createSlice 函数创建了一个名为 counter 的 slice，其中包含了 increment 和 decrement 的 reducers，并且通过 export 导出了这些 action creators。上面是 Redux Toolkit 的基本使用流程，相较于原始的 Redux 开发方式，Redux Toolkit 简化了很多复杂的操作，提高了开发效率。
2023-10-06 10:28:56
240
1
原创 redux 流程与使用
Reducer 是一个纯函数，它接收旧状态和一个 Action 对象，返回一个新的状态对象。Redux 中的状态是不可变的，即每次更新状态，都会创建一个新的状态对象。Action：首先在应用中触发一个 Action，Action 是一个普通的 JavaScript 对象，用于描述一个事件或行为，例如用户点击了某个按钮，我们就可以触发一个 "ADD_TODO" Action。创建 Reducer：需要定义一个 Reducer 函数，它接收旧状态和一个 Action 对象，返回一个新的状态对象。
2023-10-06 10:26:53
121
1
原创 React class组件类
class组件还可以定义生命周期方法来处理组件的各个生命周期阶段，如componentDidMount()、componentWillUnmount()等。总的来说，React的class组件是React最基本的组件形式之一，它提供了丰富的功能来处理组件的渲染、状态、生命周期等方面，让开发者可以更方便地构建复杂的UI。class组件可以使用state来存储组件的状态，并且可以使用props来接收父组件传递的数据。React的class组件是使用ES6的class语法来创建的React组件。
2023-10-06 08:33:07
108
1
原创 如何用typescript实现自定义hooks和自定义插件？
这是一个简单的自定义 Slider 插件，它使用 Material-UI 框架并带有自定义属性。它使用 useState 和 useEffect 进行状态管理，并在值更改时触发 onChange 回调函数。此外，它导出一个带有默认属性的函数，这些属性可用于自定义后的插件。自定义hooks是一种将逻辑代码重复使用的技术。
2023-10-04 17:27:49
369
1
原创 基于 Vite、React 和 TypeScript 的聊天室示例
钩子中依赖了一个空数组，这表示我们只希望在组件挂载时执行一次监听操作，而不是每次状态更新时都执行。钩子中依赖了一个空数组，这表示我们只希望在组件挂载时执行一次监听操作，而不是每次状态更新时都执行。函数来发送消息给服务器，当用户点击发送按钮时，调用该函数将消息和用户名发送给服务器，清空消息输入框中的内容。函数来发送消息给服务器，当用户点击发送按钮时，调用该函数将消息和用户名发送给服务器，清空消息输入框中的内容。需要注意的是，在上述代码中，我们在。需要注意的是，在上述代码中，我们在。最后，我们在组件中使用了。
2023-09-30 23:11:51
238
原创 React部分面试题
因为Proxy是一种新特性，它的用法和功能是在语言层面实现的，而Polyfill主要是通过模拟新特性的语法和API来实现。在Redux的单向数据流机制中，所有的数据变化都是通过Action/dispatch/reducer的方式来进行的，这保证了数据的一致性和可预测性，并且有效地防止了应用程序中的状态混乱。Redux的单向数据流机制是一种基于Flux架构的数据流管理模式，它通过一个单一的store来管理应用程序的状态，并通过action/dispatch/reducer的机制来实现数据的更新。
2023-09-27 20:29:39
120
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人