跳至主要内容

使用公开组件

应用插件可以通过 React 组件公开其他功能,然后可以将其导入到您自己的插件中。使用公开的组件来增强您自己的应用插件,以提供其他功能来扩展用户工作流程。

使用公开组件

以下示例显示了如何使用另一个插件公开的组件

import { usePluginComponent } from '@grafana/runtime';

export const MyComponent = () => {
const { component: Component, isLoading } = usePluginComponent('myorg-basic-app/reusable-component/v1');

return (
<>
<div>My component</div>
{isLoading ? 'Loading...' : <Component name="John" />}
</>
);
};