Почему не работает useState при клике?

Что за бред?

Он работает. Он асинхронный. В документации про это написано. Если ты хочешь что-то делать с новым значением стейта, то это что-то ты должен делать в useEffect

Получается что без useEffect нельзя использовать измененный state? Интересно почему? Вот документация о useState
где в ней говориться о совместном использовании с useEffect()?

А в тайм-ауте не меняется из-за замыкания. Это константа. Она никогда не поменяется в замыкании. Никогда.

Чувак что ты куришь, дай мне тоже... Посмотри внимательнее

setTimeout(() => {
                console.log(chosenPicture);
     }, 5000);

Ты setTimeout константой считаешь?(Тогда почему она вызываеться?)
Или chosenPicture (но разве он ее меняет?)

TypeScript выводит ошибку: Тип не может быть назначен для типа "IntrinsicAttributes & "" & { children?: ReactNode; }", как это исправить?

Дмитрий Самойлов, Если разобрался, пиши ответ в чем была проблема. Таким образом ты помогаешь другим быстрее находить ответ на аналогичную ошибку

Как делать комментарии в VS CODE?

Александр Иванов,
У меня тоже не работает, хоть и есть в горячих клавишах, я пользуюсь Shift+Alt+A

Как создать локальный сервер для тестирования проекта из Create React App?

Большое спасибо! Библиотека Cors все решила

Как остановить setInterval в react при переходе между страниц с использованием NavLink?

Я немного пошел дальше и код изменился, пробую решить проблему с помощью хука useEffect , код предоставляю ниже

import React, { useEffect } from "react";
import logo from "./logo/logo.svg";
import style from "./StartPage.module.css";
import Cell from "./Cell";
import { NavLink } from "react-router-dom";

export const change = (arr) => {
  let i = -1;
  setInterval(() => {
    document.querySelector("i").className =
      arr[(i = ++i == arr.length ? 0 : i)];
  }, 1000);
};

const StartPage = () => {
  const arrD = [style.indicator, style.indicatorleft];
  useEffect(() => {
    let timerID = change(arrD);
    return () => clearInterval(timerID);
  });

  return (
    <div className={style.grid}>
      <img src={logo} alt="bugaga"></img>

      <div className={style.radiobutton}>
        <NavLink to="/radio">RadioButton</NavLink>
        <div className={style.list}>
          <div className={style.cell}>
            <div className={style.togle}>
              <i className={style.indicatorleft}></i>
            </div>
          </div>

          <Cell />
          <Cell />
          <Cell />
          <Cell />
          <Cell />
          <Cell />
          <Cell />
          <Cell />
        </div>
      </div>
      <div className={style.radio}>
        <NavLink to="/button">Button</NavLink>
        <div className={style.list}></div>
      </div>
    </div>
  );
};

export default StartPage;

Это полный код файла, здесь у меня есть компонент StartPage в котором я вызываю таймер change, он каждую секунду меняет класс элемента, перебирает массив из названий элементов

const arrD = [style.indicator, style.indicatorleft];

Вообще моя задача, просто менять название класса у компонент каждую секунду, так как в этой компоненте отрисовываются кнопки и надо что бы каждую секунду они нажимались и отпускались, короче двигались и шевелились вот и использую для этого изменение классов стилей этих кнопок.


Все работает, но при переходе на другую страницу, компонент, таймер не останавливается и выбивает ошибку не могу найти с селектором i . Как я понимаю, не может найти так-как эта компонента уже размонтирована из DOM, но почему он его ищет? Ведь должен был сработать clearInterval(timerID) и таймер остановится, в консоле видно что функция таймера продолжает работать

Как сделать background прозрачный, а текст нет?

background: rgba( 255, 255, 255, 0.2);

Как найти форму из 1С: Предприятия в Конфигураторе?

Это олдскульный метод, поиск может занять очень много времени, что по событию, что по поиску, так как в любом типовом решении вы получите достаточно длинный список мест где это событие или ключевое слово применяется. Особенно становится интересно когда название формы в клиенте отличается от названия в конфигураторе

Как создать локальный сервер для тестирования проекта из Create React App?

Здравствуйте, гуглил изучал, это защита междоменных запросов. И решения какие-то уже находил (типа этого https://ru.stackoverflow.com/questions/770825/Как-... или этого https://ospanel.io/forum/viewtopic.php?p=27875#p27875). Все решения сводятся к нескольким действиям
1. Отключить защиту;
2.Изменить загаловки;
3. Приобрести хостинг с доменом;
От этих решений, только больше вопросов, например: Как другие разработчики тестируют запросы на сервер? У всех свои сервера и хостинги?

Yandex Cloud Functions Post Request как победить CORS?

Приветствую у меня аналогичная ситуация Как создать локальный сервер для тестирования проекта из Create React App? но, я слабо пойму о чем идет речь в вашем ответе, так как я только начинающий. Можете написать как в моей ситуации правильно оформлять запрос на локальный сервер
axios.get("webserwer/db.json").then((response) => {
props.setSubscriber(response)};