react 落地页 一滚一屏

代码

import React, { Component } from "react";
import ReactFullpage from "@fullpage/react-fullpage";
import "./less/BIMMAKE.less";
class BIMMAKE extends Component {
    // 机器人
  globalNum = 0;
  dwwdwdw = (times) => {
    let dwdwdwdw = window.dwdwdwdw;
    if (dwdwdwdw) {
      dwdwdwdw.init(
          // 链接 （不可用）
        "https://agn.com/client/hannel=4-a9d0b935f8eb4f6da5bf9f9bcb23ad11&type=plugin"
      );
    } else {
      this.globalNum++;
      if (this.globalNum > times) {
        throw Error("ERROR: TIMEOUT");
      } else {
        setTimeout(() => {
          this.dwwdwdw();
        }, 200);
      }
    }
  };
  componentDidMount() {
    this.dwwdwdw(5);
  }
  render() {
    return (
      <div className="BIMMAKEcss">
        <div className="header-container">
          <div className="header-container-a" data-agl-cvt="6">
            <a href="/BIMout">关于我们</a>
          </div>
        </div>
        <ReactFullpage
          //上面的参数设置都写在这里，不用再写在构造函数里面
          render={() => {
            return (
              <ReactFullpage.Wrapper>
                <div className="container-first section">1
                </div>
                <div className="container-first section">2
                </div>
                <div className="container-first section">3
                </div>
                <div className="container-first section">4
                </div>
                <div className="container-first section">5
                </div>
              </ReactFullpage.Wrapper>
            );
          }}
        />
      </div>
    );
  }
}
export default BIMMAKE;

@fullpage/react-fullpage

相关资料 https://madewith.cn/84

安装

npm install @fullpage/react-fullpage