简介
@atlaskit/atlassian-switcher 是一个 React 组件库，用于在网页中嵌入 Atlassian 产品和应用的切换器（也称为 switcher）。该组件库是几个 Atlassian 产品，如 Jira、Confluence、Bitbucket 等的 UI 库的一部分。
通过集成 @atlaskit/atlassian-switcher 组件，开发者可以方便地实现在自己的应用中添加 Atlassian 产品和应用的 switcher 功能。这样，用户就可以方便地在应用中切换到其它 Atlassian 产品和应用，而无需离开当前应用。
安装步骤
- 使用 npm 安装 @atlaskit/atlassian-switcher：
npm install @atlaskit/atlassian-switcher --save
- 引入 @atlaskit/atlassian-switcher 组件：
import Switcher from '@atlaskit/atlassian-switcher';
- 将 Switcher 组件添加到应用中，例如：
<Switcher
cloudId="YOUR_CLOUD_ID"
product="jira"
productIconUrl="ICON_URL"
triggerXFlow={(productKey, entityId, productContext) => {
// do something
}}
/>其中，cloudId 必须是 Atlassian 云服务的唯一标识符；product 是要显示的产品/应用的标识符；productIconUrl 是产品/应用图标的 URL；triggerXFlow 是一个函数，为用户切换到另一产品/应用时触发的操作。这里可以根据需要自定义操作，如在切换后自动跳转到特定界面、记录用户的操作等。
示例代码
下面是一个使用 @atlaskit/atlassian-switcher 的示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- -------------------------------
----- ----- ------- --------------- -
------------------------ --------- --------------- -
-------------------- ------ -------------- ------------ -------------------
-
-------- -
------ -
---------
-----------------------
--------------
--------------------------------------------------------------------------
--------------------------------
--
--
-
-指导意义
@atlaskit/atlassian-switcher 是一个非常便利的组件库，可以简化开发者在自己的应用中添加 Atlassian 产品和应用的 switcher 功能的工作。此外，通过自定义 triggerXFlow 函数，可以实现更多的功能，如记录用户的操作、自动跳转到特定界面等。
当然，使用该组件库的前提是要作为开发者对 Atlassian 产品有一定了解，并且有相应的 Atlassian 账号和云服务的授权。此外，也要确保项目中已经包含了 React 库的引用。
最后，在使用该组件库时，需要查看 Atlassian 官方文档，了解更多关于该组件库的使用方法和注意事项。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f72d6c9a9b7065299ccbbdf