小编Kri*_*nov的帖子

我有这种用户界面

所以当你点击一些垂直的小瓷砖时，它会改变大图像的 src。当这种情况发生时，我的图像渲染得如此缓慢。是的，我在这里使用大图像但用于测试目的。我想我也应该处理这种情况，并在完全准备好显示时显示图像。

这是一些代码示例：

垂直分量

<div>
    {images.map((img, index) => ( //images are coming from props
      <Button onClick={() => handleImageChange(index)}>
         <Img src={img}/>
       </Button>
    ))}
</div>

水平组件

<div>
   {images.length ? ( //images coming from props
      <Img src={images[activeImageIndex]}/>
   ) : (
      <Skeleton variant="rect" animation="wave"/>
   )}
</div>

例如，这些图块的点击事件只是将索引从 0 更改为 1 并获取图像 [index] 来显示它。

const activeImageIndex = useSelector((state) => state.gdp.activeImageIndex);
const handleImageChange = (index) => {
  dispatch(setActiveImageIndex(index));
};

所以问题是当图像完全准备好时如何显示图像？

PS：我正在为 Img 组件使用 react-image

我在提取锯齿状数组中的列长度时遇到问题，如下所示：

例如，如何获得第二列（索引 1 和长度 8）或第五列（索引 4 和长度 4）的长度？与行相同。我需要指定行的长度。

我是Javascript的新手,我想知道在Javascript中有类似的函数,比如C#Select().我的任务是从一群人那里分类他们的年龄,只选择每个人的年龄并打印出来.这就是我提出的:

ageArraySorted = args.sort(function(person1, person2) {
    return person1.age - person2.age;
});

我对它们进行了排序,现在我只需要打印age属性的值.

我怎么能这样做,例如,如果我有1个,2个,3个,4个,5个,6个,7个阵列,并且我处于第4个位置(5号),如果你必须将它移动到正确的4个位置,你应该在位置1(编号2).负数也是如此,但你向左移动.我想有需要while(true)循环？

如何擦除给定字符串中的前N个字符并将其追加到最后.例如,如果我们有

abracadabra 

我们将前4个字符移到最后然后我们应该得到

cadabraabra