单击 Formik-Material-UI 中的 Select 组件时，应用栏颜色发生变化

Question

我正在使用 React, Material, Formik, formik-material-ui 制作一个网络项目。

我添加了一个 select 组件如下

import { Formik, Form, Field } from "formik";
import { TextField } from "formik-material-ui";
import MenuItem from "@mui/material/MenuItem";

<Field
    component={TextField}
    type="text"
    select={true}
    align="left"
    fullWidth
    size="small"
    margin="dense"
    variant="outlined"
    name="student"
    >
    <MenuItem value={10}>X</MenuItem>
    <MenuItem value={15}>Y</MenuItem>
    <MenuItem value={20}>Z</MenuItem>
</Field>

但是在 select 从 select 下拉菜单输入时，我的 Material-UI Appbar 颜色正在改变。我在下面附上了之前和之后的屏幕截图。

之前:

之后：

如何阻止这种情况发生？

Answer 1

当我使用 migration-guide 将 formik-material-ui 代码本地迁移到 Material-Ui@v5.0.0 并直接在我的项目中直接在本地导入库时，此问题得到解决.

显然，同时使用 Material UI v4 和 v5 是问题所在。

单击 Formik-Material-UI 中的 Select 组件时，应用栏颜色发生变化

On clicking Select component in Formik-Material-UI, app bar color is changing

reactjs

material-ui

material-design

formik

formik-material-ui