Как удалять элементы массива при клике пока массив не будет пуст?

Kentavr16, я заказал книги Симпсона Кайла Вы не знаете JS там норм описано вроде про ссылки и значения и Поднятие (hoisting). Некоторые фрагменты кода интересны (реальный, виртуальный DOM, BOM, маршрутизация, DDD (controller->dto->service), ну и парсинг html и преобразование dom element) ну и redux и понятия (state machine)

Как удалять элементы массива при клике пока массив не будет пуст?

Kentavr16, при клике должен удалится один элемент массива и так пока он не будет пустой.

один исходный и второй изменяемый думаю что я ошибся сорян должен быть один массив

заметил что эта штука работает не верно setCount() не меняет count)

function useState(defaultValue) {
  let currentState = defaultValue;

  function stateSetter(value) {
    //console.log(value);
    currentState = value;
    return currentState;
  }

  return [currentState, stateSetter];
}

const [count, setCount] = useState(0);

setCount(count + 1);

console.log(count);

todo list пишу

findAll
findOne
create
update
remove

Как создать статический массив?

Спасибо Вам огромное за развёрнуты е ответы

Как создать статический массив?

Антон Горецкий, это наверное разряженный(

Как создать статический массив?

Lynn «Кофеман», узнать как сделать и как использовать)

Почему функции, классы, объекты это не структуры данных?

Объекты против структур данных

Как создать новый object из key и value?

Спасибо огромное

Как создать новый object из key и value?

result = Object.assign({}, ...value.map((k) => ({ [k]: indexs[k] }))); ///{ a: 4, b: 7, d: 3 }

С чего начать изучать алгоритмы и структуры данных?

Спасибо огромное

Почему функция возвращает только один элемент массива?

Спасибо огромное!

Почему после обновления bios в boot нету ssd?

Да

Почему после обновления bios в boot нету ssd?

Был отключен Compatibility Support Module (CSM) в BIOS после включения завёлся

Почему после обновления bios в boot нету ssd?

Есть да, я их на defoult сбрасывал

Где можно применить hexagonal architecture?

Спасибо Вам огромное!

Почему Вы для rest api используете repository, а не service?

Steel_Balls, спасибо за развернутый ответ

Почему Вы для rest api используете repository, а не service?

Steel_Balls, Вы правы спасибо. Просто мало у меня опыта тем более с продакшеном извините...

Почему Вы для rest api используете repository, а не service?

GavriKos, у мобильных разработчиков. Сколько не смотрел в youtube большинство так делают Android Advanced #1: Architecture in small teams Part 1 Возможно у меня нет опыта из-за этого такая реализация вводит меня в ступор везде всё по разному( «Паттерны это вообще все от лукавого» - возможно и путь к архитектору (если они существуют)

Почему ended отрабатывает несколько раз?

Kentavr16, спасибо Вам прочту

Почему ended отрабатывает несколько раз?

Сработало спс

useEffect(() => {
    function handleNext() {
      dispatch(nextAudio());
    }

    player.addEventListener('ended', handleNext);
    return () => player.removeEventListener('ended', handleNext);
  }, []);

Почему ended отрабатывает несколько раз?

Kentavr16, Вы оказались правы спасибо огромное Вам сработало. Нашёл этот фрагмент кода, переделал под себя) Напишите плиз в ответы вдруг пригодится ещё кому-нибудь

React. Add/Remove event listener

useEffect(() => {
    function handleNext() {
      dispatch(nextAudio());
    }

    player.addEventListener('ended', handleNext);
    return () => player.removeEventListener('ended', handleNext);
  }, []);

import React, { useEffect } from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { playAudio, nextAudio, prevAudio } from './../slices/playlistSlice.js';

export default function Control() {
  const dispatch = useDispatch();
  const id = useSelector((state) => state.playlist.id);
  const player = useSelector((state) => state.playlist.audio);
  const flag = useSelector((state) => state.playlist.flag);

  console.log(id);

  function handleSuffle() {}
  function handleRepeat() {}

  //player.addEventListener('ended', () => dispatch(playAudio(id++)));
  //player.addEventListener('ended', () => dispatch(nextAudio(id)));
  useEffect(() => {
    function handleNext() {
      dispatch(nextAudio());
    }

    player.addEventListener('ended', handleNext);
    return () => player.removeEventListener('ended', handleNext);
  }, []);

  //player.addEventListener('ended', () => dispatch(nextAudio(id)));

  return (
    <div className="controls_wrapper">
      <div className="controls_btn_suffle" onClick={handleSuffle}>
        <svg className="icon">
          <use xlinkHref="icons.svg#icon-suffle"></use>
        </svg>
      </div>
      <div
        className="controls_btn_prev"
        onClick={() => dispatch(prevAudio(id))}
      >
        <svg className="icon">
          <use xlinkHref="icons.svg#icon-prev"></use>
        </svg>
      </div>
      <div
        className="controls_btn_pause"
        onClick={() => dispatch(playAudio(id))}
      >
        {flag ? (
          <svg className="icon">
            <use xlinkHref="icons.svg#icon-pause"></use>
          </svg>
        ) : (
          <svg className="icon">
            <use xlinkHref="icons.svg#icon-play"></use>
          </svg>
        )}
      </div>
      <div
        className="controls_btn_next"
        onClick={() => dispatch(nextAudio(id))}
      >
        <svg className="icon">
          <use xlinkHref="icons.svg#icon-next"></use>
        </svg>
      </div>
      <div className="controls_btn_repeat" onClick={handleRepeat}>
        <svg className="icon">
          <use xlinkHref="icons.svg#icon-repeat"></use>
        </svg>
      </div>
    </div>
  );
}