剪辑路径polyfill react导入不起作用

Question

有人知道如何将这个包与react一起使用吗？

npm包文档-https://www.npmjs.com/package/clip-path-polyfill

代码

import React from 'react';
import { Link } from 'react-scroll';
// import SvgBottomArrowCover from '../img/bottom-arrow-cover.svg';
import 'clip-path-polyfill.js'; // <------ ?????
function Intro() {
return (
<div id="intro">
<div className="div-intro-background-window">
<p>Greetings, my name is John Doe</p>
</div>
<Link
activeClass="active"
to={`about`}
spy={true}
smooth={true}
offset={-80}
duration={500}
className="a-intro-bottom-click"
>
<div className="div-bouncing-arrow" />
{/* <div className="div-intro-bottom" /> */}
<div style={{position: "absolute", bottom: "0", width: "100%", height: "100%", backgroundColor: "#ffffff"}} data-polyclip="50%, 50%, 100%, 0, 100%, 100%, 0, 100%, 0,0" />
</Link>
</div>
);
}
export default Intro;

导入和最后一个div是我需要帮助理解如何使用这个包的地方。不幸的是，我在任何地方都找不到任何实际的代码示例。

Answer 1

import clipPathPolyfill from 'clip-path-polyfill/clip-path-polyfill';