reactjs - 无法在反应 js 中为按钮添加 Tippy

Question

我已经导入了下面的包，我尝试参考下面的链接，我不明白在哪里放置tippy代码。请帮我。

https://atomiks.github.io/tippyjs/html-content

import React from 'react';
import ReactDom from 'react-dom';
import tippy from 'tippy.js';
import 'tippy.js/dist/tippy.css';

class Trial extentds Component {
    render(){
        return(
            <div>
                <Button onClick={this.submitTaggedFace} disabled={!this.validate()} variant="contained" color="primary"
                data-tippy="Tooltip"
                data-tippy-animation="scale"
                data-tippy-duration="0"
                data-tippy-arrow="true"
                data-tippy-delay="[800, 200]"
                >Click to Tag</Button>
            </div>
        )
    }
}

标签： reactjstippyjs

Answer 1

您的代码没有任何问题。您必须在其他组件中缺少某些内容。

我创建了这个代码框示例：

https://codesandbox.io/s/5y8zm52own