AI 助理
文档备案控制台
文章 2024-09-24 来自：开发者社区

使用vite+react+ts+Ant Design开发后台管理项目（二）

前言 本文将引导开发者从零基础开始，运用vite、react、react-router、react-redux、Ant Design、less、tailwindcss、axios等前沿技术栈，构建一个高效、响应式的后台管理系统。通过详细的步骤和实践指导，文章旨在为开发者揭示如何利用这些技术工具，从项目构思到最终实现的全过程，提...

文章 2024-08-15 来自：开发者社区

使用 Vite 创建 React+TS+SW 项目并整合 AntDesign 、Scss 等组件或插件

前言 记录一下使用 Vite 创建 React+TS+SW 项目并整合 AntDesign 、Scss 等组件或插件。 一、使用 Vite 创建 React+TS+SW 项目 1.新建一个 temp 文件夹 （1）在桌面新建一个 temp 文件夹，然后在 VS Code 中打开此文件夹，打开一个终端ÿ...

文章 2023-12-16 来自：开发者社区

React 配置别名 @ （ js/ts 项目中通过 webpack.config.js 配置）

一、简介在 Vue 项目当中，可以使用 @ 来表示 src/，但在 React 项目中，默认却没有该功能，因此需要进行手动的配置来实现该功能。别名主要解决的问题：每个页面都使用路径的方式进行引入，这样很麻烦，效率很低，这个时候可以配置一个别名，来直接使用别名引入。使用 @craco/craco 可以在不释放 React 隐藏配置（$ npm run eject）的情况下就能配置好别名，参考文章。....

文章 2023-12-16 来自：开发者社区

React 创建 js 与 ts 项目

一、npx 创建创建 js 工程$ npx create-react-app demo创建 ts 工程$ npx create-react-app demo --template typescript二、npm 创建全局安装 create-react-app# 如果之前安装过，可先移除，保证最新版本 $ npm uninstall -g create-react-app # 安装 $ npm i....

React 创建 js 与 ts 项目
文章 2023-09-28 来自：开发者社区

React 配置别名 @ （ js/ts 项目中通过 @craco/craco 配置）

一、简介在 Vue 项目当中，可以使用 @ 来表示 src/，但在 React 项目中，默认却没有该功能，因此需要进行手动的配置来实现该功能。别名主要解决的问题：每个页面都使用路径的方式进行引入，这样很麻烦，效率很低，这个时候可以配置一个别名，来直接使用别名引入。使用 @craco/craco 的这种方式，可以在不释放 React 隐藏配置（$ npm run eject）的情况下就能解决。Re....

文章 2023-09-28 来自：开发者社区

React 配置别名 @ （ js/ts 项目中通过 webpack.config.js 配置）

一、简介在 Vue 项目当中，可以使用 @ 来表示 src/，但在 React 项目中，默认却没有该功能，因此需要进行手动的配置来实现该功能。别名主要解决的问题：每个页面都使用路径的方式进行引入，这样很麻烦，效率很低，这个时候可以配置一个别名，来直接使用别名引入。使用 @craco/craco 可以在不释放 React 隐藏配置（$ npm run eject）的情况下就能配置好别名，参考文章。....

文章 2023-03-24 来自：开发者社区

react+hook+ts项目总结-Ts中[propName: string]: any；

export interface ResAuthButtons { [propName: string]: any; }Ts限制表示任意类型

文章 2023-03-24 来自：开发者社区

react+hook+ts项目总结-React国际化react-i18next项目应用

当前文件引入import { useTranslation } from "react-i18next";const { t } = useTranslation();<Form.Item className="login-btn"> <Button onClick={() => { form.resetFiel...

文章 2023-03-24 来自：开发者社区

react+hook+ts项目总结-ant design form autoComplete=“off“

表单取消自动填充效果 autoComplete="off" <Form form={form} name="basic" labelCol={{ span: 5 }} initialValues={{ remember: true }} onFinish={onFinish} onFinishFailed={onFin...

文章 2023-03-17 来自：开发者社区

react+hook+ts项目总结-ts中namespace命名空间

export namespace Login { export interface ReqLoginForm { username: string; password: string; } export interface ResLogin { access_token: string; } }命名空间可以直接将变量隔离开来 实现数据的渲染

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

React Native项目相关内容

React Native更多项目相关

React Native您可能感兴趣