react

--- title: 如何在React项目中使用Echarts date: 2026-01-01 22:18:34 tags: - react - echarts --- - [echarts官网]

1. 下载依赖 yarn add xlsx file-saver 文档： xlsx file-saver 2. 使用示例 3. 如何与系统使用的多语言进行匹配 这里以 react, react-i18

1. wangeditor 官网：https://www.wangeditor.com/ 1.1. 在react中如何使用呢？ 1.1.1. 下载依赖 @wangeditor/editor-for-r

项目环境：React、Vite、typescript、React i18n、Ant Design、Commitlint、styled-components``React i18n、yarn、redux

1. 实现目的 将组件逻辑提取到可重用的函数中 实现同一套数据源管控不同的组件（子组件） 2. 自定义Hook的规范 自定义Hook是一个函数， 名称以 use开头，采用小驼峰方式命名 useTag

使用： useImperativeHandle, useRef 子组件：useImperativeHandle `import { useImperativeHandle } from 'react'

文件目录 新建vite项目 yarn create vite 或者 npm init vite@latest vite 配置 别名配置 vite.config.ts tsconfig.json 配置问

搭建环境 执行命令: npx create-react-app my-app --typescript 进入项目文件夹: cd my-app run: yarn start 多语言配置 react-i

改变路由state 页面直接的传参可以通过改变 state 达到目的 传参方式（页面 A）： 监听 state 改变：

react 类组件,父组件通过 `axios` 异步获取数据 , 获取成功之后通过 props传递给子组件, 子组件通过 `state` 单独管理内部数据.