`f${(~~(Math.random()*1e8)).toString(16)}`

без crypto - это не рандом

согласен

брозер API

`f${(~~(Math.random()*1e8)).toString(16)}`

У меня при таком подходе происходит перерендер почему-то. Но я просто сложил значение и индекс, затестил огромнео количество раз и все работает адекватно.

Ребята, всем огромное спасибо за советы, был неправ в своих начальных предположениях, спасибо, что образумили!)

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

Обращайтесь, вам приятно помогать.

Вы же учтите, что генерировать уникальный ключ надо не в рендере, а при инициализации данных, один раз за весь срок их "жизни" в приложении

Я это уже понял в процессе разработки. Ну тоже опыт, набивание шишек

ребята это когда я запускаю сервер с react-dom/server SSR
ReferenceError: localStorage is not defined
не кто не знает в чем может быть ошибка?

Нету localStorage на сервере, это ж браузерное апи

это понятно)
а что делать то

`f${(~~(Math.random()*1e8)).toString(16)}`

будто через обфускатор код пропустили

Не обращаться к нему там, где его нет

Погугли, про это много написано

спасибо, можно пример запроса пожалуйста

Хаха
Спасибо!
Уже нашёл

Как именовать методы?

handleClick
onClick
clickHandler

У меня есть модальное окно, логика по взаимодействию с ним вынесена в отдельный хук.

Есть функция открытия:

const openModal = () => {
 setModalOpen(true);
}

В нужном месте я достаю эту функцию и поставляю в onClick на кнопку.

Но следуя конвенции нейминга, методы должны отличаться от обычных функций, и именоваться например handleClick или onClickHandler.

И вот вопрос, как правильно назвать функцию открытия модального окна в самом хуке? Просто как функция, которая откроет окно - openModal, или сразу именовать как обработчик клика, т.е - handleOpenModal/onModalButtonClickHandler?

То, что функция находится в хуке, она может называться обработчиком или нет?

Если нет, то нужно заводить отдельную функцию в вызываемом месте, и уже в ней обрабатывать функцию клика?

// ../header.jsx
const { openModal } = useModal();

const handleOpenModal = () => {
 openModal();
}

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