Есть ли правильный способ использовать объект в качестве зависимости в useEffect?

Question

У меня есть созданный мной обработчик реагирования, который принимает объект запроса.

export function useMyQuery(query: QueryObjectType)
{
    React.useEffect(executeQuery, [ query ]);
    // ...
}

К сожалению, каждый раз, когда мой обработчик вызывается как часть повторного рендеринга, несмотря на то, что query имеет никогда не меняясь и все еще будучи точно таким же объектом, как и раньше, я получаю бесконечное l oop.

. Я могу решить эту проблему, обернув query с JSON.stringify(...), однако я не уверен, что это правильно? Есть ли какой-либо предпочтительный механизм для проверки равенства для объектов при передаче в качестве зависимости useEffect?

Answer 1

Добавление useState() должно помочь. Вам нужно будет вернуть установщик, чтобы разрешить повторный запрос от родителя.

useState(query) срабатывает только при первом рендере, поэтому _query остается неизменным, пока не будет задано явное значение.

export function useMyQuery(query: QueryObjectType)
{
    const [_query, setQuery] = useState(query);

    React.useEffect(executeQuery, [ _query ]);
    // ...

   return setQuery;
}