时间戳

首页 > 解决方案 > 剪辑路径-polyfill反应导入不起作用

reactjs - 剪辑路径-polyfill反应导入不起作用

问题描述

任何人都知道如何使用这个包反应？

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 是我需要帮助理解如何使用这个包的地方。不幸的是，我在任何地方都找不到任何实际的代码示例。

标签： reactjs

解决方案

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

推荐阅读