Size: a a a

React — русскоговорящее сообщество

2021 April 05

nN

necessarily Not nece... in React — русскоговорящее сообщество
Ребят, с вчерашнего дня не могу решить проблему с удалением эл. из массива
У кого есть свободные пару минут, вот ссылочка на вопрос
https://stackoverflow.com/questions/66950215/bug-delete-el-on-array
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
ALΣX
Всем привет, есть такая задачка: есть font-awesome иконка, которая используется как кнопка для копирования в буфер определенной информации, при нажатии на нее нужно, чтобы она сменилась на другую иконку на 1-2 секунды, после вернулась в прежнее состояние. пробовал с useRef-ом решить, чтобы не было лишнего рендера страницы и просто переключать класс иконки на нужный и через сетТаймаут возвращать предыдущий. Но выходит, что мне нужно на каждую кнопку вешать свой ref...

возможно. есть варианты проще (обойтись чисто css)? Как лучше это сделать?
как в реакте переключать класы можно?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
necessarily Not necessary
Ребят, с вчерашнего дня не могу решить проблему с удалением эл. из массива
У кого есть свободные пару минут, вот ссылочка на вопрос
https://stackoverflow.com/questions/66950215/bug-delete-el-on-array
И где метод фильтр? Я же вам отвечал вчера
источник

nN

necessarily Not nece... in React — русскоговорящее сообщество
Dmitriy Shuleshov
И где метод фильтр? Я же вам отвечал вчера
Я пытался, но не вышло
Думал с findIndex'ом выйдет
Сейчас перепишу на фильтр
источник

HH

Hbaf Hbaf in React — русскоговорящее сообщество
Можно вместо фильтра splice. Но он мутирует, осторожнее
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
necessarily Not necessary
Ребят, с вчерашнего дня не могу решить проблему с удалением эл. из массива
У кого есть свободные пару минут, вот ссылочка на вопрос
https://stackoverflow.com/questions/66950215/bug-delete-el-on-array
const delCat = (state, payload) => {
   const { id } = payload
   return {
     ...state,
     category: state.category.filter(c => c.id !== id)
   }
}
источник

A

ALΣX in React — русскоговорящее сообщество
Dmitriy Shuleshov
как в реакте переключать класы можно?
Вот, пример иконки. Я задал реф даному елементу, задал onClick обработчик и внутри него уже обращался непосредственно к данному елементу вызывая
toggleClass("someClass")
источник

nN

necessarily Not nece... in React — русскоговорящее сообщество
Maxim Koylo
const delCat = (state, payload) => {
   const { id } = payload
   return {
     ...state,
     category: state.category.filter(c => c.id !== id)
   }
}
неа
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
ALΣX
Вот, пример иконки. Я задал реф даному елементу, задал onClick обработчик и внутри него уже обращался непосредственно к данному елементу вызывая
toggleClass("someClass")
Вы отвечали на мой вопрос?
источник

nN

necessarily Not nece... in React — русскоговорящее сообщество
Не работает,  все равно удаляет последний элемент
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
должно работать, так может тебе и прилетает последяя id всегда?
источник

е

его имя роберт полсо... in React — русскоговорящее сообщество
ALΣX
Вот, пример иконки. Я задал реф даному елементу, задал onClick обработчик и внутри него уже обращался непосредственно к данному елементу вызывая
toggleClass("someClass")
toggleClass?
источник

A

ALΣX in React — русскоговорящее сообщество
угу. им
источник

nN

necessarily Not nece... in React — русскоговорящее сообщество
Maxim Koylo
должно работать, так может тебе и прилетает последяя id всегда?
сейчас проверю
источник

A

ALΣX in React — русскоговорящее сообщество
оно как бы работает
источник

A

ALΣX in React — русскоговорящее сообщество
но мне нужен оптимальый и главное правильный вариант
желательно без лишнего рендера страницы
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
necessarily Not necessary
сейчас проверю
и пропиши тут id категории
источник

nN

necessarily Not nece... in React — русскоговорящее сообщество
Maxim Koylo
и пропиши тут id категории
Хорошо, секунду
источник

HH

Hbaf Hbaf in React — русскоговорящее сообщество
Ну и дальше тоже, это не поможет в твоей задаче, просто бест практис. В качестве ключей лучше использовать неизмеяемые значения, жестко привязанные к объекту, например id
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
ALΣX
угу. им
источник