id: ecosystem-inferno title: single-spa-inferno

sidebar_label: Inferno

single-spa-inferno是一个辅助库，通过Inferno帮助实现single-spa注册应用程序生命周期函数（bootstrap, mount and unmount）。查看single-spa-cycle github。查看 single-spa-inferno github。

快速开始

首先，在应用程序中执行npm install --save single-spa-inferno。然后在应用程序入口文件中添加以下命令。

import Inferno from 'inferno';
import rootComponent from './path-to-root-component.js';
import singleSpaInferno from 'single-spa-inferno';
const infernoLifecycles = singleSpaInferno({
  Inferno,
  createElement,
  rootComponent,
  domElementGetter: () => document.getElementById('main-content'),
});
export const bootstrap = infernoLifecyles.bootstrap;
export const mount = infernoLifecyles.mount;
export const unmount = infernoLifecyles.unmount;

选项

调用single-spa-inferno时，所有选项可以通过opts参数传递给singleSpaInferno。以下选项可用：

• inferno: (必须) 暴露在窗口的主要Inferno对象，可以通过 require('inferno') or import Inferno from 'inferno引入。
• createElement: (必须) 默认导出Inferno的inferno-create-element包。
• rootComponent: (必须) 最上层Inferno组件会被渲染。
• domElementGetter: (必须)一个不带任何参数并返回DOMElement的函数。这个dom元素可以作为Inferno应用程序bootstrapped、mounted和unmounted操作的地方。