а как использовать useEffect если у меня метод fetch отрабатывает в onClick таблицы? id строки передается потом в запрос

оно не каноничное и полагается на стороннюю библиотеку

какая разница? что эффект, что обработчик клика - это просто функции
вытащить обработичк во внешнюю функцию, и использовать setLoading в ней 🤷‍♂️

И что в этом плохого, если это в два раза короче получается?

так не получается в два раза короче

Тут какое дело. Нет абсолютно никакой пользы в этом примере от использование коллбэка

Поэтому и пре переходе на хуки это не нужно

const fetch = async (id) => {
   setLoading(true);
       const { type, content: documents } = await documentPassing(id);
       
       setLoading(false);

        setDocuments(documents);
 }

всем привет, кто-нибудь делал или сталкивался с короче вот:
таблица react-table, с глобалфильтром и надо подсвечивать результаты поиска

Чо это?

const [loading, setLoading] = useState(false)
const [documents, setDocuments] = useState([])

const fetch = id => {
  setLoading(true)
  ...вызвать и обработать ответ
  } finally {
    setLoading(false)
  }
}

vs

const [{loading, value: documents = []}, fetch] = useAsyncFn(
  id => {
    ...вызвать и обработать ответ
  },
  []
)

🔴 подскажите плиз как в компоненте использовать условие?

Типа есть список постов в json, у каждого поста есть тип  "photo" или "video".

И типа мне в компоненте нужно в зависимости от типа, вывести тег img  и через пропсы вставиьт ссылку или тег iframe и так же в него вставить ссылку.

Условие пишу, оно работает, но переменная template которая в условии, в компоненте почему-то не срабатывает, пишет

 Line 33:22:  'template' is not defined  no-undef

Выучи джс

Вообще я обычно условия в разметке через тернарный оператор пишу, но чувак выше прав

там где разметка вместо {template}:

{type === '' ?
...
:
...
}

переменная template в вашем коде существует только в if-е

блин, точно

Огонь, спасибо большое, всё получилось! 🤜🤛

а если бы было 3 типа или 4?
В обычно условии я бы переберал варианты через if else а в тернарном так?

{type === 'тип 1' ?
...
type === 'тип 2'
...
:
...
}

?

type === ' ' && ...