Reactjs 使用自己的路由呈现另一个根路径

我试图用它自己的路径呈现一个完全独立的管理路径

是否可以呈现现有项目的管理员页面

目前我有以下代码，它工作得很好

import React from 'react';
import ReactDOM from 'react-dom';
import App from './client/App.js';
import Admin from './admin/admin.js';

var pathname = window.location.pathname;

if (pathname.substring(0, 6) == '/admin') {
  ReactDOM.render(<Admin />, document.getElementById('root'));
} else {
  ReactDOM.render(<App />, document.getElementById('root'));
}

从“React”导入React；
从“react dom”导入react dom；
从“/client/App.js”导入应用程序；
从“./Admin/Admin.js”导入管理员；
var pathname=window.location.pathname；
if（路径名.子字符串（0，6）='/admin'）{
ReactDOM.render（，document.getElementById（'root'））；
}否则{
ReactDOM.render（，document.getElementById（'root'））；
}

我很难理解你到底想做什么。你们已经拥有了你们所需要的一切，管理员和应用程序都是组件，所以我会说是小项目。但是，您不应该这样做，而是使用它可以避免您自己检查窗口位置路径名，这将为您节省大量时间和麻烦。

对于此用例，您应该使用路由库，您现在的操作方式对于实际项目来说是不可持续的。查看react router dom.，如果它对您有帮助，请接受此答案。