小编Bal*_*yka的帖子

我们正在使用 React 和 Ant Design 开发一个使用界面。我们想覆盖默认的主题和颜色。作为示例，我们定义了一个名为 theme 的数组。有 4 个不同的主题作为对象。我定义了一个按钮来更改主题。阅读官方文档，我在 App.js 中包含了以下代码来覆盖默认主题，但没有成功。

ConfigProvider.config(
 {
  theme:theme
 }
)

任何人都可以帮助我覆盖默认主题而不需要更少或任何其他东西，而只是使用 ConfigProvider 吗？

import "./App.css";
import "antd/dist/antd.css";
import { ConfigProvider } from "antd";
import { ThemeProvider } from "styled-components";
import ChangeTheme from "./components/ChangeTheme";
import { useContext } from "react";
import { AppContext } from "./_context";

const App = () => {
const { theme } = useContext(AppContext);
ConfigProvider.config({
theme: theme,
});
return (
<ThemeProvider theme={theme}>
  <ConfigProvider>
    <div className="App">
      <ChangeTheme />
    </div>
  </ConfigProvider>
</ThemeProvider> …

我有一系列如下所示的车辆。

export const fetchDataFromApi = () => {
  return [
    { vehicleId: 1, vehicleType: 'car', seats: 4, wheelType: 'summer', updatedAt: new Date().toISOString },
    { vehicleId: 2, vehicleType: 'plane', seats: 200, maxAltitude: 8000, updatedAt: new Date().toISOString },
    { vehicleId: 3, vehicleType: 'train', seats: 1200, railType: 'whatever', updatedAt: new Date().toISOString },
  ];
};

我创建了车辆、汽车、飞机和火车课程。但我不确定，那些也可能是接口。

此 API 响应应使用 DTO 进行处理，DTO 定义响应的类型并允许将响应转换为 DTO 类型。

那么如何将数据转换为类型化的 DTO 呢？以下是我的类定义，但我不确定如何实现它。

class Vehicle {
      vehicleId: number;
      vehicleType: string;
      seats: number;
      updatedAt: string;

      constructor(vehicleId: number, vehicleType: string, seats: number, …