@vf.js/react

VF 引擎 React 组件,帮助你快速使用 VF

Usage no npm install needed!

<script type="module">
  import vfJsReact from 'https://cdn.skypack.dev/@vf.js/react';
</script>

README

vf-react

VF 引擎 React 组件,帮助你快速使用 VF

安装

npm install @vf.js/react

使用

import VF from '@vf.js/react'

class App extends React.Component {
  render() {
    return <div>
      <VF src={"Your JSON data"} onReady={() => {}} onMessage={() => {}}/>
    </div>
  }
}

了解更多有关 VF 的配置信息,请移步: VF 配置选项

组件事件

onLoadSuccess

当 VF 创建成功后触发的事件,会传入一个 vf 对象,可以通过 onLoadSuccess="{() => {}}" 监听获取

onLoadFail

当 VF 创建失败后触发的事件, 会传入一个 errorMessage, 可以通过 onLoadFail="{() => {}}" 监听获取