antd Carousel dots点击事件

Antd Carousel组件内置的dots只是用来展示当前轮播图的位置的，没有默认的点击事件。但你可以使用自定义的dots来实现点击事件。

首先，你需要使用`dotPosition`属性将dots放置在合适的位置，比如`bottom`。

然后，你需要使用`dots`属性设置自定义的dots。你可以使用React的`map()`方法来遍历Carousel组件的图片列表，生成相应的dots。在生成dots时，你可以给每个dot添加一个点击事件，事件函数中使用Carousel组件的`goTo()`方法跳转到对应的图片。

下面是一个示例代码：

import React, { useState } from 'react';
import { Carousel } from 'antd';

function CustomCarousel(props) {
  const [current, setCurrent] = useState(0);

  function handleClick(index) {
    setCurrent(index);
    // 这里可以将 index 传递给父组件，进行一些操作
  }

  return (
    <Carousel
      dotPosition="bottom"
      dots={props.images.map((image, index) => (
        <span key={index} onClick={() => handleClick(index)}>{index+1}</span>
      ))}
    >
      {props.images.map((image, index) => (
        <div key={index}>
          <img src={image} alt={`image-${index}`} />
        </div>
      ))}
    </Carousel>
  );
}

export default CustomCarousel;

在上面的示例中，我们使用了一个自定义的Carousel组件，通过`images`属性传递要展示的图片列表。在dots的生成过程中，我们使用了`onClick`属性来添加点击事件，事件函数中调用`setCurrent()`方法更新当前图片的位置。你也可以将当前图片的位置传递给父组件，进行一些操作。

注意，在使用自定义的dots时，你需要手动设置dots的样式，比如大小、颜色等。你可以在CSS文件中设置对应的样式，或者使用Antd的样式变量来进行设置。