Сдвиг элементов, почему не происходит?

Question

[Константин]

Почему элементы в массиве не сдигаются при нажатии arrowRight? Что именно делаю не так? Помогите, пожалуйста.
Пробовал и через создание состояния(хука ЮзСтэйт) - все равно не работает.

function Sale({ ItemDiscount }) {
  let arr = ItemDiscount;
 
  const arrowRight = () => {
    let last = arr.pop();
    arr.unshift(last);
  };
 
  console.log(arr);
  return (
    <div className={styles.DiscountGroup}>
      <div className={styles.title}>
        <div className={styles.lookSale}>
          <h2>Скидки</h2>
          <a>Смотреть всё</a>
        </div>
        <div className={styles.switch}>
          <img className={styles.switchLeft} src="/img/arrowLeft.png" />
          <img
            onClick={arrowRight}
            className={styles.switchRight}
            src="/img/arrowRight.png"
          />
        </div>
      </div>
 
      <div className={styles.DiscountGroupBlock}>
        {arr.map((item, index) => {
          return (
            <div className={styles.DiscountList}>
              <img className={styles.imageDiscount} src={item.image} />
              <div className={styles.discriptionDiscount}>
                {item.discription}
              </div>
              <div className={styles.nameDicrtiption}>
                {item.nameDicrtiption}
              </div>
              <div className={styles.nameDiscount}>{item.name} </div>
              <div className={styles.infoDiscount}>
                <div className={styles.priceDiscount}>{item.price}</div>
                <div className={styles.basketDiscount}>{item.basket}</div>
              </div>
            </div>
          );
        })}
      </div>
    </div>
  );
}

Comments

[0xD34F]

Пробовал и через создание состояния(хука ЮзСтэйт) - все равно не работает.

Ну а у меня работает. Плохо пробовали. Старайтесь лучше.

Кстати, а js освоить не забыли? Дайте-ка угадаю - при обновлении стейта делали ту же самую ерунду, что и в показанном коде, т.е. новый массив не создавали, да? Рано вам за react браться.

[Константин]

0xD34F, пытаюсь сделать так, но не работает. Можете подсказать, что именно не так? С меня благодарность.,

let arr = ItemDiscount;
  const [arrNow, setArrNow] = useState(arr);
  const arrowRight = () => {
    const newArr = [...arr];
    const last = newArr.pop();
    newArr.unshift(last);
    setArrNow(newArr);
  };

[Константин]

0xD34F, все, разобрался. Там вместо .arr Нужно было arrNow