组件API

DataWind 在组件上提供了部分 API。使用 SDK 时，你可以调用 Web Component 上的组件 API 以实现部分业务功能。

调用方法的接口描述如下：

abstract class Component {
  abstract async invoke(functionName: string, data?: any): Promise<any>
}

对应的方法名、参数和返回值如下：

一个获取仪表盘书签（快照）id的示例如下

import React from 'react'
import ReactDOM from 'react-dom'


class BIComponent extends React.Component {
  componentDidMount() {
    /**
     * Using `document.querySelector(YOUR_SELECTOR)` or `ref.current` to access the aeolus component dom element
     * @example ref.current.invoke(FUNC, DATA)
     */
    document
      .querySelector('bi-dashboard')
      .invoke('createSnapshot')
      .then(({ snapshotId }) => {
        // do something with `snapshotId`
      })
  }

  render() {
    return (
      <bi-dashboard
        urlPrefix='https://console.volcengine.com/bi/datawind'
        dashboardId='******'
        appId='******'
      />

    )
  }
}

ReactDOM.render(<BIComponent />, document.querySelector('body'))