React

React / 2023-07-25

import React, { useState, useEffect, useRef, forwardRef, ForwardedRef } from 'react';interface BProps { // B元素的其他属性}const B = forwardRef((props: BPro

Vite / React / Python / 2023-05-17

目标需求最近用react+vite+antd写了个后管项目,在菜单管理中,需要用户选择菜单的icon图标。如下:而在react中使用antd UI库,每个组件都是需要单独导入的,也就是说,如果我要用到所有icon,我需要先把它们全部都导入进来。他不是和vue一样,用组件只用改个名字就行。如果那样还省

Vite / React / 2023-05-16

正常的动态组件导入方式webpack搭建的项目,不管是react还是vue通常引入动态组件基本这么写: const url = import(`../pages/${locale}`) // vite不支持or const url = import(`../pages/${locale}/in

Vue / React / 2023-04-23

开发中遇到一个需求:在Vue项目中使用已经开发好的React组件。这里选择了使用vuera库来完成需求。下面记录一下使用的步骤(在Reat项目中使用Vue组件与此步骤类似)。1. 安装vuera库vuera库地址:https://www.npmjs.com/package/vuera首先需要在Vue

数据可视化 / React / 2023-03-27

首先下载geojson数据http://datav.aliyun.com/portal/school/atlas/area_selector接下来就是mapEcharts组件的基本代码 useEffect(() => { initChart(); }, []);

React / 2023-03-17

EChartsECharts的官网描述:ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可

React / 2023-03-17

1、插件官网:https://www.npmjs.com/package/echarts-liquidfill2、在项目中安装echarts和echarts-liquidfillnpm install echartsnpm install echarts-liquidfill目前安装版本:3、新建一

React / 2022-08-24

React中子组件调用父组件的方法@TOC1、类组件子组件子组件中使用传过来的cancelCreateFile【this.props.cancelCreateFile】,就可以在子组件中调用父组件父组件中将父组件中的cancelCreateFile方法传给子组件【cancelCreateFile=】

TypeScript / React / 2022-08-24

一、安装react+tsnpx create-react-app my-app --template typescript二、安装eslint代码检测yarn eslintnpx eslint --initeslint初始化后会出现三个项目,根据项目而定1、使用什么样的eslint?(这里我选择3)

React / 2022-03-08

React 月度总结路由自定义路由模块Router.js//引入react-router-dom 模块import {HashRouter,//BrowserRouterSwitch,Route} from "react-router-dom"class Router exten