@alicloud/console-os-react-portal v1.6.7
Console OS React Portal
Basic Use
Replace the ReactDOM.render to mount
function in @alicloud/console-os-react-portal
import { mount } from '@alicloud/console-os-react-portal';
import App from './app';
export default mount(
App,
// dom, you mount no in console os environment
document.getElementById('app'),
// sub app id
'sub-app'
);
Sync Router
If you are use the react-router, and you want to your Main Application (Parent Application) to controll your router,
you can use util funtion withSyncHistory
in @alicloud/console-os-react-portal
.
import { mount, withSyncHistory } from '@alicloud/console-os-react-portal';
import { createBrowserHistory } from 'history';
import App from './app';
const history = createBrowserHistory();
export default mount(
// add this wrapper
withSyncHistory(App, history),
// dom, you mount no in console os environment
document.getElementById('app'),
// sub app id
'sub-app'
);
Then in parent application, when you pass the path props, sub app will rediect to that path.
import ConsoleApp from '@alicloud/console-os-react-app'
const MANIFEST_URL = 'http://cdn.com/sub-app.manifest.json'
export default () => (
<ConsoleApp
path="/sub-app" // it will redirect the sub app to path /sub-app
manifest={MANIFEST_URL}
/>
)
2 months ago
2 months ago
4 months ago
4 months ago
4 months ago
5 months ago
6 months ago
6 months ago
8 months ago
8 months ago
7 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
8 months ago
8 months ago
8 months ago
8 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
12 months ago
1 year ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago