Как передать onekeydown нажатую кнопку?

SherbakovFirst, onekeydown="sendPunish(event)"

Как реализовать несколько списков с фильтрами на одной странице?

Артур Галяев, можно создать и на фронте экшены с редьюсерами для фильтрации, это нормально, всё хотел узнать toolkit, но глядя на код , понял что пожалуй не буду :D, останусь на своём mobx

Как реализовать несколько списков с фильтрами на одной странице?

Артур Галяев, вот самый простой способ юзать redux - https://redux.js.org/understanding/thinking-in-red...

Как реализовать несколько списков с фильтрами на одной странице?

Артур Галяев, вообще не знаю что там за подход ты используешь, явно не 3 принципа redux,а что-то новенькое похоже, и кстати ты похоже не вкурсе про метод filter у массивов, погугли думаю тебе он поможет в будущем, за место того что бы искать индекс и через splice удалять элемент из массива, проще юзнуть filter

Как реализовать несколько списков с фильтрами на одной странице?

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

Как реализовать несколько списков с фильтрами на одной странице?

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

Может получиться так что у тебя вот есть 2 компонента которые используют данные из стора, а ты сидишь и фильтруешь их, это возможно скажется на каком-то из компонентов

Всем привет! Может кто-нибудь помочь с формированием путей в React Router?

<Route path='*' element={<NotFoundPage />} />

Самый последний роут, для страницы с ошибкой, когда переходишь по роуту которого не существует - будет перебрасывать на эту страницу

Лента последних купленных товаров?

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

Как поменять надпись на кнопке через 4 секунды?

очищать не нужно задержу если компонент будет размонтирован до того как отработает коллбэк в таймауте ?

Как работает это замыкание?

Lynn «Кофеман», спасибо уже всё понял

Как работает это замыкание?

Алексей Уколов, ну да чёт я ступил, не возвращает же функцию, какое же это замыкание тогда, вот такая у меня невнимательность, а я думал как-то замкнула функция внутри себя глобальную переменную ( через объявленную внутри функцию с тем же именем ) и поэтому она не изменилась

Почему не передаются значения вычисленные в функции в стили компонента?

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

Почему не передаются значения вычисленные в функции в стили компонента?

Сам я конечно ещё не очень опытный да и не сталкивался с подобной проблемой, но могу написать свою мысль если интересно =)

useLayoutEffect - отрабатывает когда уже компонент был смонтирован, грубо говоря компонент уже готов

твоя переменная sheetTopLeftPosition ты её изменяешь после того как компонент был уже отрисован, понимаешь ? А толку ты её изменяешь если компонент не обновляется после этого ? React не следит за каждой переменной которая объявлена внутри

за место переменной sheetTopLeftPosition - сделать стейт и например обновить стейт вот в этом месте -

console.log(sheetTopLeftPosition); // в консоли выводятся верные значения

Как сделать так, чтобы стили указанные в строке 'hello world' применились?

spanT - убери T

Как в useForm постоянно отслеживать изменение значения в input?

useForm({ mode: 'onChange' })

Либо watch

либо свою функцию валидации писать и там уже описывать всю логику то как должна форма вести себя по отношению к отдельному инпуту

Как сделать адаптивные карточки товара?

froggush, я делал это задание 9 месяцев назад, мне отказали потому что кандидата уже нашли, своего рода - я не успел), но сейчас я не буду пытаться трудоустроиться туда, не переживай друг, я тебе не конкурент)

Как сделать адаптивные карточки товара?

froggush, обычные медиа запросы и стили подправить :D

Как сделать адаптивные карточки товара?

froggush, вот я делал, но там такая себе верстка, можно было и получше сверстать, и для 320 нету адаптива
Ссылка

Почему не работает react-router 6?

Dmytro Yurikov, ты в App - возвращал MainPage в котором есть Header - который возвращал MainPage - вот и круговорот

Почему не работает react-router 6?

Dmytro Yurikov, это можно делать где угодно, не обязательно в App, к примеру

function App() {
  return <LayoutPage />;
}

-------------------------------------------------------

function LayoutPage () {
  return (
<div className='page-wrapper'>
            <Routes>
                <Route path="/" element={<MainPage />}></Route>
                <Route path="/ourcoffee" element={<CoffeePage />}></Route>
                <Route path="/foryourpleasure" element={<GoodsPage />}></Route>
            </Routes>
</div>
)
}

Может быть как угодно, так же могут быть и вложенные роуты в других роутах, в других компонентах и т.д