在 Formik-Material-UI 中单击选择组件时，应用栏颜色正在更改答案

【问题标题】：On clicking Select component in Formik-Material-UI, app bar color is changing在 Formik-Material-UI 中单击选择组件时，应用栏颜色正在更改
【发布时间】：2021-09-08 11:02:53
【问题描述】：

我正在使用React、Material、Formik、formik-material-ui 制作一个 Web 项目。

我已经包含了一个如下的选择组件

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>

但是从选择下拉列表中选择输入时，我的 Material-UI 应用栏颜色正在改变。我附上了之前和之后的截图。

之前：

之后：

如何阻止这种情况发生？

【问题讨论】：

标签： reactjs material-ui material-design formik formik-material-ui

【解决方案1】：

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

显然同时使用 Material UI v4 和 v5 是个问题。

【讨论】：