如何在Next.js应用中使用jQuery & Slick？

npm install jquery slick-carousel

import $ from 'jquery';
import 'slick-carousel/slick/slick';

import React, { Component } from 'react';
import $ from 'jquery';
import 'slick-carousel/slick/slick';

class Slider extends Component {
  componentDidMount() {
    $(this.slider).slick({
      // Slick配置选项
      dots: true,
      autoplay: true,
      // ...
    });
  }

  render() {
    return (
      <div ref={(slider) => (this.slider = slider)}>
        {/* 轮播内容 */}
      </div>
    );
  }
}

export default Slider;

import React from 'react';
import Slider from '../components/Slider';

const HomePage = () => {
  return (
    <div>
      {/* 页面内容 */}
      <Slider />
      {/* 页面其他内容 */}
    </div>
  );
};

export default HomePage;