reactjs - 如何将我的应用程序与反应管理员分开？

Question

我的应用程序与哈希路由器一起使用，路由像“登录”“注册”“仪表板”，我想集成 react-admin。我想在我的 /admin 路由上使用 react admin。

我所做的：

应用程序.js

import React, {Component} from 'react';
import {HashRouter  as Router, Route} from 'react-router-dom';
import {Provider} from 'react-redux'
import Store from './store/configureStore'
import RegisterView from "./view/RegisterView"
import LoginView from "./view/LoginView"
import DashboardView from "./view/DashboardView"

import AdminView from "./view/AdminView"
import jsonServerProvider from "ra-data-json-server";
import { Admin, Resource, BooleanField } from "react-admin";
import { UserList, UserEdit, UserCreate } from './users';


const dataProvider =
    jsonServerProvider("https://jsonplaceholder.typicode.com");

class App extends Component {
  // Provider store is used to use the store of the redux
    // Router is used to define the route and the component to display

  render() {

    return (
        <div>
          <Provider store={Store}>
            <Router basename="/">
              <div>
                  <Route exact path="/" component={LoginView}>
                  </Route>
                  <Route exact path="/register" component={RegisterView}>
                  </Route>
                  <Route exact path="/login" component={LoginView}>
                  </Route>
                  <Route exact path="/dashboard" component={DashboardView}>
                  <Route exact path="/admin" component={AdminView}>
                      <Admin dataProvider={dataProvider}>
                          <Resource
                              name="users"
                              list={UserList}
                              edit={UserEdit}
                              create={UserCreate}
                          />
                      </Admin>
                  </Route>
              </div>
            </Router>
          </Provider>
        </div>
    );
  }
}

export default App;

它显示了我的 react-admin，但显示了我的其他组件（显示错误）。我只想在我的 /admin 路由中使用 react-admin 部分。

对我来说，该部分应该只在 /admin 中工作，因为我给了我的路线路径。

我不明白什么？

标签： reactjsreact-admin