
首先需要将第三方组件库下载到项目的 src 目录下,
随后在页面或者组件里通过配置 usingComponents 指定需要引用的第三方组件即可,
组件调用的时候需要按照 JSX 的使用规范来进行传参和事件绑定。
usingComponents 指定的第三方组件名字需要以小写开头。
import Taro, { Component } from '@tarojs/taro'import { View } from '@tarojs/components'function initChart () {// ....}export default class Menu extends Component {static defaultProps = {data: []}config = {// 定义需要引入的第三方组件usingComponents: {'ec-canvas': '../../components/ec-canvas/ec-canvas' // 书写第三方组件的相对路径}}constructor (props) {super(props)this.state = {ec: {onInit: initChart}}}componentWillMount () {console.log(this) // this -> 组件 Menu 的实例}render () {return (<View><ec-canvas id='mychart-dom-area' canvas-id='mychart-area' ec={this.state.ec}></ec-canvas></View>)}}
