Реагировать на эквивалентные хуки для ComponentWillMount Задать?

Question

[Shakir Darion]

Я посмотрел здесь, но выбранный ответ не отвечает на вопрос. Я ищу componentWillMount()эквивалент для выполнения логики, аналогичной:

useEffect(() => {
  if (condition) {
    // do stuff
  }
}, []);

Проблема с вышеупомянутым состоит в том, что компонент выполняет рендеринг в течение доли секунды перед выполнением useEffectблока кода.

Есть ли способ обойти это? Без использования useEffect в основном Appкомпоненте или создания пользовательского хука?

Answer 1

[Антон Спирин]

Во-первых componentWillMount не рекомендован к использованию. Во-вторых, он никак не защитит вас от дополнительного вызова render, если речь идет о выполнении асинхронной операции, а для синхронных он и не нужен.
Смело используйте componentDidMount и useEffect.

А от лишних вычислений можно огородиться, например, так:
if (!someCondition) return null;

Answer 2

[SANTA2112]

Попробуй

useLayoutEffect(() => {
  if (condition) {
    // do stuff
  }
}, []);

частичный эквивалент