Где лучше хранить логику событий в React?

Question

[Alexander]

Где лучше хранить логику событий в React, отдельно в функции или вызывать сразу на месте через анонимную функцию?

const removeImage = (url: string) => {
    setImages((prev) => prev.filter((filterUrl) => filterUrl !== url))
  }

onClick={() => {
   setImages((prev) => prev.filter((filterUrl) => filterUrl !== url))
}}

Comments

[ReactLover]

Все субъективно, и зависит от кучи условий. Нельзя сказать что нужно писать всегда так, или иначе.

Answer 1

[n1ksON]

Для удобства и лучшей читаемости кода конечно нужно выносить в отдельные функции.
Только если компонент небольшой и выполняется что-то по типу: setState((prev) => --prev) тогда можете не выносить.

Answer 2

[DollyPapper]

React сам по себе довольно декларативен, по этому лучше выносить логику в отдельную функцию ИМХО.