Подскажите пожалуйста как Добавлять через useState в массив новый обьект в конец списка, так он кидает в конец

подскажите почему redux devtools не показывают свойства которым заданы функции

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

SetItem([...item, yourNewItem])

Он показывает стор

Ну так оно в сторе

По пропсам

Если под обычной ты имеешь в виду с возможностью редактировать поля, то передавай дополнительный пропс isEdit, или что-то вроде того

спасибо
нашел решение, просто местами поменял obj и ...prevState 😁

на ровном месте тупанул

А, ты в начало хотел закинуть?)

+

бывает и такое, на ровном месте тупишь

в state обьявляю isEdit: false и после передаю true в ту модалку\компоненты где нужно редактировать ?

в родительском компоненте создаёшь стейт и сеттер для этого флага, а в модалку просто передаешь этот флаг и рендеришь в зависимости от его значения

ок благодарю

🖖

Всем привет, ребята такой вопрос. При клике на кнопку я должен показать таблицу и при обратном клике закрыть таблицу, я сделал это с помощью useState, но при каждом клике у меня компонент вызывается / ре-рендрится. как можно сделать так чтоб при клике компонент не вызывалась ? Спасибо

const SystemDetails = ({ data }) => {

  console.log('data', data) // Object

  const [isOpen, setIsOpen] = useState(false)
  const toggleClassName = () => setIsOpen(!isOpen)

 return (
   <div className="system-details">

       <button
         className="button"
         type="submit"
         onClick={toggleClassName}
         >
         {isOpen ? 'Cancel' : 'Add' }
       </button>

       <div className={isOpen ? 'd-block' : 'd-none'}>
         <SymtemRaw/>
       </div>

   </div>
 )
}
```

const SystemDetails = ({ data }) => {

  console.log('data', data) // Object

  const [isOpen, setIsOpen] = useState(false)
  const toggleClassName = () => setIsOpen(!isOpen)

А что он должен делать?))

Ты написал что он не должен вызыватся)