时间戳

首页 > 解决方案 > react-onClick 项目取最后一个索引

javascript - react-onClick 项目取最后一个索引

问题描述

我有一个问题：<br> 当我单击任何项​​目时，总是会在“sliderItemClick”函数中获得列表的最后一个索引。这是我的代码 -

const _renderSliderItems = useCallback(
    (gallery, fullScreen) =>
      gallery.map((imageBlock, idx) => (
        <div key={`image-block-${fullScreen ? "fullScreen" : ""}-${idx}`}>
          <div
            className={cx("slider-item", {
              "full-screen": fullScreen,
            })}
            onClick={() => sliderItemClick(idx)}
          >
            {_renderImages(idx, imageBlock)}
          </div>
        </div>
      )),
    [gallery, fullScreen]
  );



 function sliderItemClick(idx) {
    if (!fullScreen) {
      setState({ ...state, initialSlide: idx, isModalOpen: true });
    }
  }


解决办法是什么？
感谢。

标签： javascriptreactjsreact-hooks

解决方案

推荐阅读