# b端场景react实现模版

**Repository Path**: jin-rongda/react2b

## Basic Information

- **Project Name**: b端场景react实现模版
- **Description**: b端场景react实现模版，便于cv
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-01
- **Last Updated**: 2025-09-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

node v20.19.2 (npm v10.8.2)

用vite创建react项目
https://cn.vite.dev/guide/


配置scss支持：安装sass即可，啥也不用配
https://cn.vite.dev/guide/features.html#css-pre-processors

配置react-router支持：配置“数据模式”
https://reactrouter.remix.org.cn/start/data/installation

安装antd
https://ant-design.antgroup.com/docs/react/use-with-vite-cn?locale=zh-CN

完成tobScene路由下的url与组件内状态同步
* 核心思路：页面url作为单一数据源 => 计算组件内状态
* useNavigate完成路由转跳；navigate方法同setState，会触发FC的重新渲染
* useLocation完成路由url获取

通过css-module方案解决样式冲突
* vite.config.ts中：配置css.modules
* 样式文件命名使用xxx.module.scss
* jsx中引入style对象，className={style.xxx}

配置src目录别名@
* 构建时：vite.config中配置resolve.alise
* 开发时：配置tsconfig