logo
0
0
Login
更新readme

React 学习项目

这是一个基于 React + TypeScript + Vite 的学习项目,包含多个 React 练习组件。

技术栈

  • React: ^19.1.1
  • TypeScript: ~5.8.3
  • Vite: ^7.1.2
  • ESLint: ^9.33.0

项目结构

src/ ├── DynamicForm.tsx # 动态表单组件 ├── DragList.tsx # 拖拽列表组件 ├── FilterList.tsx # 过滤列表组件 └── main.tsx # 应用入口

快速开始

安装依赖

npm install

开发模式

npm run dev

构建项目

npm run build

代码检查

npm run lint

预览构建结果

npm run preview

组件说明

DynamicForm 动态表单

  • 支持动态添加/删除表单项
  • 实时数据验证
  • 表单数据管理

DragList 拖拽列表

  • 支持拖拽排序
  • 列表项管理

FilterList 过滤列表

  • 数据过滤功能
  • 搜索和筛选

开发说明

代码规范

项目使用 ESLint 进行代码检查,确保代码质量和一致性。

学习目标

  • 掌握 React Hooks 的使用
  • 理解组件状态管理
  • 学习 TypeScript 在 React 中的应用
  • 练习常见的 UI 交互模式

许可证

MIT License