Блог

Кто-нибудь знает, как использовать этот пакет с 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 мне понадобится помощь в понимании того, как использовать этот пакет. К сожалению, я нигде не смог найти никаких реальных примеров кода.

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