Всем добрый вечер

setState асинхронный

получай предыдущее значение коллбеком.
setUploadedFiles(prev=>prev.filter(...)

Понял, спасибо большое. Тоже думал над прев, но никак не мог понять как его правильно реализовать.

Ребят откуда лучше взять компоненты графиков, диаграмм?

Может ли кто подсказать корректный вариант решения?
Есть метод, грузящий массив данных Rules, есть второй метод, грузящий данные для поля count в типе данных по коду/айди.
Необходимо загружать их в таблицу, обновляя при изменении самих данных, но не при изменении поля.
Само поле передается в ячейку таблицы(используется antd), в которых надо асинхронно дожидаться загрузки значения, отображая спинер, если еще не загрузилось.
Пробовал через реф и стейт. Стейт вызовет ререндер, реф не читает в компоненте ячейки корректно обновление значения по ней. useEffect не помогает, т.к. все время после рендера там держится значение undefined, пока заново не вызовется рендер ячейки.
Использовать загрузку в ячейке не варик или я не нашел решение, т.к. мне надо полученный сount записать в стейт с данными в таблице.

Кто разбираеться в тестах, не пойму как получить удачный тест если функция выбросила ошибку..

у меня chaijs, но. яне пойму туда ли я вообще копаю и может ли быть удачный тест если функция выполнилась с ошибкой new Error

Там тоже должен быть такой assertion, нагуглите сами
Тест прошел, если выполнилось ожидаемое поведение, исключение может быть одидаемым поведением🤷‍♂

я нагуглил конечно же)
expect(goodFn).to.throw(); // Recommended
но тест всеравно феил

Ну так может потому, что функция ведет себя не так, как надо?)
И это не про реакт уже, это скорее в js чат

goodFn может вызвать надо?
Или надо её вызывать внутри другой функции как в примере с jest

это из документации пример)

https://stackoverflow.com/questions/21587122/mocha-chai-expect-to-throw-not-catching-thrown-errors/21587239 возможно поможет

да ситуация та же, находил, спасибо)

Использовали подобный вариант, потом отошли от него - удобнее использовать папка - name > name.js и name.style.js,  единственный минус, но не существенный, это при последующем импорте компонента куда-либо нужно в путях указывать типо  (src/components/name/name) вместо предыдущего варианта с использованием index ( src/components/name). Для дебага нейминг внутренних компонент не критичен

Такой вариант тоже ок, но мне критичнее чистое отображение классов
Кстати, можно просто написать плагин для бабеля, который будет выпиливать styles из названий классов, и вообще была бы красота

Мой вариант мне нравится из-за эстетичных внешне импортов + меньше писать + сразу видно, где стили а где компонент

Ибо компонент index, а его стили - именные