概述
npm 是一个 Node.js 的包管理器，可以让开发者通过命令行快速安装、升级、卸载项目依赖。@gooddata/react-components 是一个基于 React 的数据可视化组件库，内置了 GoodData 平台 API，可用于快速构建 BI 应用。
本篇文章将向读者介绍如何使用 npm 包 @gooddata/react-components，并配合示例代码加深理解。
安装
在项目文件夹中，打开终端，输入以下命令：
npm install @gooddata/react-components
导入
在需要使用组件的文件中，导入所需组件即可，例如:
import React from 'react'; import { InsightView } from '@gooddata/react-components';
组件使用
InsightView
InsightView 用于显示通过 GoodData 平台 API 获取的数据可视化图表，示例代码如下：
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - ----------- - ---- ----------------------------- ----- ------------------ - --------------------------------------------------- ----- ------- - -- ------------------------ - ------------ ---------------------------------------------------- --- ------------------------------------------------------------------------- - --- ------------------------ - ------------ ---------------------------------------------------- --- ------------------------------------------------------------------------- - --- ----- --- - -- -- - ---- -------- ------- --- --- ------------ ---------------------------- ----------------- -- ------ -- ------ ------- ----展开代码
KpiView
KpiView 用于显示通过 GoodData 平台 API 获取的指标值，示例代码如下：
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - ------- - ---- ----------------------------- ----- -------------------- - ---------------------------------------------------- ----- --- - -- -- - ---- -------- ------- -- --- -------- ------------------------------ -- ------ -- ------ ------- ----展开代码
API 文档
更多组件和 API 介绍详见官方文档。
总结
本文向读者介绍了 npm 包 @gooddata/react-components 的使用方法，给予了代码实例以及 API 文档的提示。希望能对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/116503
