【React】TS项目配置Redux
x Toolkit（RTK）： 官方推荐编写Redux逻辑的方式，是一套工具的集合集，简化书写方式。 简化 store 的配置方式内置 immer 支持可变式状态修改内置 thunk 更好的异步创建 react-redux：用来链接 Redux 和 React组件的中间件。 安装 npm i @reduxjs/toolkit react-redux 浏览器插件 - Redux DevTools(推荐但不强制...
将 RxJava 的 Observable 转换为 Reactor 的 Flux流
如果您想将 RxJava 的 Observable 转换为 Reactor 的 Flux，可以使用 Reactor Adapter 库来实现这一转换。这个库提供了一些静态方法来将 RxJava 类型转换为 Reactor 类型。 以下是一个示例代码，演示了如何将 RxJava 的 Observable 转换为 Reactor 的 Flux： import reactor.adapter.rxjava.Rx...
React Portals
简介 React Portal 可以将组件渲染到dom树的不同位置，同时可以渲染到任意父级元素，可以实现漂浮层功能。 使用样例 本篇文章通过React Portals实现对话框，下面将会给出具体实现。 protal组件 Portal.jsx import {useState} from "react";import ReactDOM from "react-dom";im...
React之自定义路由组件
开篇 react router功能很强大，可以根据路径配置对应容器组件。做到组件的局部刷新，接下来我会基于react实现一个简单的路由组件。 代码 自定义路由组件 import {useEffect, useState} from "react";import React from 'react'// 路由配置export const MyRouter = ({children})=>...
React Admin 前端脚手架之ant-design-pro
文章目录 一、React Admin 前端脚手架选型 二、React Admin 前端脚手架之ant-design-pro 三、ant-design-pro使用步骤 四、调试主题 五、常用总结（持续更新） EditableProTable组件 常用组件 EditableProTable组件 编辑某行后，保存时候触发发送请求 EditableProTable组件，添加记录提醒：只能同时编辑一行 Editab...
react useEffect
文章目录 react useEffect什么是 react useEffectdemo: 使用useEffect从后台获取版本信息 react useEffect 什么是 react useEffect useEffect 是 React Hooks 中非常重要的一个 Hook。它的名称来源于 Effect 这个词,之所以这么命名,是因为它可以让你在函数组件中执行副作用操作。 副作用是指除了返回函数结果之...
【React系列】ES6学习笔记（四）module、编程风格
代码可能不会得到预期结果。 require('core-js/modules/es6.symbol');require('core-js/modules/es6.promise');import React from 'React'; 5. 模块的整体加载 除了指定加载某个输出值，还可以使用整体加载，即用星号（*）指定一个对象，所有输出值都加载在这个对象上面。 下面是一个circle.js文件，它输出两...
【React系列】ES6学习笔记（二）Promise、async\await
Promise 对象 1. Promise 的含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了 Promise 对象。 所谓 Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步...
React 实现拖放功能
介绍 本篇文章将会使用react实现简单拖放功能。 样例 布局拖放 LayoutResize.js import React, {useState} from "react";import { Button } from "antd";import "./LayoutResize.css"; export const LayoutResize = () => { const [state...
React之useRef hook
介绍 useRef是react的自定义hook，它用来引用一个不需要渲染的值。这篇文章会介绍useRef的简单用法。 使用场景 1.实现节流 通过useRef实现节流功能，在限制时间内多次提交，已第一次提交为准。 useThrottle.jsx import {useEffect, useRef, useState} from "react"; import {useEffe...