13、React项目启动与登录页面创建全流程指南

React项目启动与登录页面创建全流程指南

1. 项目基础搭建

在项目搭建过程中，我们首先要完成应用商店的定义。使用Redux Toolkit的 configureStore 函数，它简化了Redux的 createStore 函数，提供了默认配置，让我们无需重复配置即可创建商店。示例代码如下：

// 在store.js文件中
// 配置根reducer函数
const store = configureStore({
  reducer: rootReducer
});

2. 自定义MUI主题

MUI自带预定义主题，但我们可以根据需求进行自定义。操作步骤如下：
1. 在 src 文件夹下创建 styles 目录，用于存放应用样式的源代码文件。
2. 在 styles 目录中创建 theme.js 文件，实现自定义主题。

// theme.js文件
import { createTheme } from '@mui/material/styles';

export const theme = createTheme({
  layout: {
    drawerWidth: 240,
  }
});

这里使用 createThem