React Hook更新后无法切换背景图，请求问题排查

你的代码存在两个关键错误，导致索引更新失败、背景图无法正常切换：

1. 索引计算逻辑错误 #

在slideToLeft和slideToRight函数中，你错误地对数组本身（starsOfTheWeek）进行加减运算，而非当前索引值（currentIndex）：

错误代码片段： #

// slideToLeft 中的错误分支
const newIndex = first ? starsOfTheWeek.length-1 : starsOfTheWeek-1;

// slideToRight 中的错误分支
const newIndex = last ? 0 : starsOfTheWeek+1;

starsOfTheWeek是数组类型，与数字做加减会得到非预期结果（比如starsOfTheWeek-1会变成NaN，starsOfTheWeek+1会变成数组字符串拼接后的无效值），导致newIndex不是有效的数组索引，最终无法正确更新currentIndex。

修复后的代码： #

const slideToLeft=()=>{
    console.log(starsOfTheWeek[currentIndex].path);
    const first = currentIndex === 0;
    // 修改为 currentIndex - 1
    const newIndex = first ? starsOfTheWeek.length-1 : currentIndex-1;
    setCurrentIndex(newIndex)
    console.log(starsOfTheWeek[newIndex].path);
  }

const slideToRight=()=>{
    console.log(starsOfTheWeek[currentIndex].path);
    const last = currentIndex === starsOfTheWeek.length-1;
    // 修改为 currentIndex + 1
    const newIndex = last ? 0 : currentIndex+1;
    setCurrentIndex(newIndex)
    console.log(starsOfTheWeek[newIndex].path);
}

2. 额外提示：关于setState的异步性 #

setCurrentIndex是异步更新状态的，若后续需要依赖更新后的状态执行操作，建议使用useEffect监听currentIndex的变化：

useEffect(() => {
  console.log('当前显示图片路径：', starsOfTheWeek[currentIndex].path);
}, [currentIndex]);

修复索引计算错误后，currentIndex会正确更新，背景图容器的slideImgs样式会随currentIndex变化重新计算，背景图即可正常切换。

内容的提问来源于stack exchange，提问作者gedamo