Как вызвать UseEffect, когда данные попадают в таблицу материалов?

Question

Я хотел вызвать функцию, когда данные поступают в таблицу материалов (https://github.com/mbrn/material-table). Я пытался использовать это.

useEffect(() => {
        console.log(ref.current.state.data);
        //Do stuff
}); 

По какой-то причине useEffect вызывается только тогда, когда данные пусты. Это означает, что ref.current.state.data является пустым массивом.

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

PS: Таблица материалов использует интерфейс материалов.

Answer 1

Вы должны объявить данные как зависимости, поэтому всякий раз, когда они изменяются, срабатывает useEffect.

useEffect(() => {
        console.log(ref.current.state.data);
        //Do stuff
}, [<your-data>]);