小编Har*_*ang的帖子

我正在尝试设置 MuiDataTables 的样式，目前正在使用 Adaptv4theme 进行如下操作

declare module '@material-ui/core/styles/overrides' {
  export interface ComponentNameToClassKey {
    MUIDataTable: any;
    MUIDataTableFilterList: any;
  }
}

export const theme = createMuiTheme(
  adaptV4Theme({
    overrides: {
      MUIDataTable: {
        paper: {
          boxShadow: 'none',
        },
        responsiveBase: {
          overflow: 'clip',
        },
      },
      MUIDataTableFilterList: {
        chip: {
          margin: '8px',
        },
      },

然而，adaptV4Theme 已被弃用，并且当我尝试时不知道如何将我的代码升级到新约定

theme.components = {
  ...theme.components,
  MUIDataTable:{
     overrideStyles: {

     },
  },

我收到以下错误：对象文字只能指定已知属性，并且“组件”类型中不存在“MUIDataTable”。

我该如何放弃使用 AdaptV4Theme？

在使用 ReactJS 获取她的坐标后，我正在使用react-google-maps来显示用户的位置。但是，当我从原始位置移动标记时，初始标记停留在那里，因此创建了两个标记。我不知道如何解决这个问题。

我希望无论发生什么，地图标记都保持在中心，而且当用户拖动或放大/缩小标记时，标记保持在中心，以便用户的位置始终位于地图的中心。通过这种方式，用户将能够更新她的位置。根据您的示例，当我拖动时，标记保持固定在其位置此组件的设计使用户可以设置她的位置，只需稍微调整标记的位置，以防标记有点偏离任何帮助将不胜感激：

应用程序.js

import React from "react";
import WrappedMap from "./Map";
import "./styles.css";

export default class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      location: "",
      place: ""
    };
  }

  handleLocation = (location) => {
    this.setState({ location: location });
  };

  handlePlace = (place) => {
    this.setState({ place: place });
  };

  render() {
    return (
      <div className="App">
        <WrappedMap
          googleMapURL={`https://maps.googleapis.com/maps/api/js?key=`}
          loadingElement={<div style={{ height: `100%` }} />}
          containerElement={
            <div
              style={{
                height: `50%`,
                width: "95%",
                position: "absolute",
                marginTop: …