react-router-dom中route报错处理

1.Invalid prop 'component' supplied to 'Route': the prop is not a valid React component

解决方案：

component={UserManagement} 换成 render={(props) => <UserManagement {...props} />}

import React, { Component } from "react";
//引入路由
import { Route, Switch } from "react-router-dom";
import UserManagement from "@pages/userManagement/administrator";
import Bank from "@pages/bank";
import Project from "@pages/project";
import Area from "@pages/area";
import Demand from "@pages/demand";
import VersionList from "@pages/version/versionList";
import VersionDone from "@pages/version/versionDone";
import Record from "@pages/record";

class RouterMap extends Component {
  render() {
    return (
      <Switch>
        <Route exact
          path="/userManagement"
          render={(props) => <UserManagement {...props} />}
        // component={UserManagement}
        />
        <Route exact
          path="/bank"
          render={(props) => <Bank {...props} />}
        // component={Bank}
        />
        <Route exact
          path="/project"
          render={(props) => <Project {...props} />}
        // component={Project}
        />
        <Route exact
          path="/area"
          render={(props) => <Area {...props} />}
        // component={Area}
        />
        <Route exact
          path="/demand"
          render={(props) => <Demand {...props} />}
        // component={Demand}
        />
        <Route exact
          path="/versionList"
          render={(props) => <VersionList {...props} />}
        // component={VersionList}
        />
        <Route exact
          path="/versionDone"
          render={(props) => <VersionDone {...props} />}
        // component={VersionDone}
        />
        <Route exact
          path="/record"
          render={(props) => <Record {...props} />}
        // component={Record}
        />
      </Switch>
    )
  }
}

export default RouterMap;