我在我的 React 应用程序中使用 Material-UI 选择器，但我很难让 Jalali 日历示例正常工作。我使用的软件包版本是：
"@date-io/jalaali": "^1.3.13",
"@date-io/moment": "^1.3.13",
"@material-ui/core": "^4.8.3",
"@material-ui/icons": "^4.5.1",
"@material-ui/pickers": "^3.2.8",
"moment": "^2.24.0",
"moment-jalaali": "^0.9.1",
"react": "^16.12.0",
"react-scripts": "3.3.0",
"react-dom": "^16.12.0",
该错误适用TypeError: utils.getDayText is not a function于 DatePicker、TypeError: utils.getHourText is not a functionTimePicker 和TypeError: utils.getYearText is not a function
DateTimePicker。我试图更改某些软件包的版本，但没有任何反应。
编辑：
我发现问题出在<MuiPickersUtilsProvider utils={JalaliUtils} locale="fa">.
import moment from "moment";
import jMoment from "moment-jalaali";
import React, { useState } from "react";
import JalaliUtils from "@date-io/jalaali"; …我在我的 React 应用程序中使用 Material-UI。最近，我将我的软件包更新到了最新版本。现在，当我在我的应用程序中打开一个对话框时，padding-right: 17px;将被添加到 body 标记中。我还检查了 Material-UI 站点，这也在他们的网站上通过对话框发生。
这是新版 Material-UI 的错误吗？
打开对话框时如何从 body 标记中删除此填充？
更新：此填充将添加到带有 Drawer、Menu、Dialog 和 Popover 组件的 body 标记中。
我正在使用 RTK 查询来处理我的请求。但我在取消请求时遇到问题。
场景是这样的，我有一个模式来显示一个表单来添加待办事项，但是，当用户想要关闭模式时，如果请求尚未挂起，则应该取消该请求。
const [addTodo, { isLoading }] = useAddTodoMutation();
const onSubmit = async (values: ToDo) => {
try {
await addTodo(values).unwrap();
console.log('Successful')
} catch (error) {
console.log('failed')
}
};
我知道有一个abort取消突变addTodo(values).abort();，我们可以在useEffect清理中使用它useRef。
是否可以编写通用方法或自定义挂钩来包装所有突变并在卸载组件时处理取消请求？