import {AlertComponent, Spinner, ToastComponent} from 'amis';
|
import React from 'react';
|
/**
|
* BrowserRouter: history 路由模式
|
* HashRouter: hash 路由模式
|
*/
|
import {observer} from 'mobx-react';
|
import {Redirect, Route, HashRouter as Router, Switch} from 'react-router-dom';
|
import {IMainStore} from '../store/index';
|
// import Preview from './Preview';
|
// import Editor from './Editor';
|
import '../renderer/MyRenderer';
|
const Preview = React.lazy(() => import('./Preview'));
|
const Editor = React.lazy(() => import('./Editor'));
|
|
export default observer(function ({store}: {store: IMainStore}) {
|
return (
|
<Router>
|
<div className="routes-wrapper">
|
<ToastComponent key="toast" position={'top-right'} />
|
<AlertComponent key="alert" />
|
<React.Suspense
|
fallback={<Spinner overlay className="m-t-lg" size="lg" />}
|
>
|
<Switch>
|
<Redirect to={`/hello-world`} from={`/`} exact />
|
<Route path="/edit/:id" component={Editor} />
|
<Route component={Preview} />
|
</Switch>
|
</React.Suspense>
|
</div>
|
</Router>
|
);
|
});
|
