React-select - разрешить обещание в соответствии со значением состояния

Question

В настоящее время я использую React-select asyn c.

Мои параметры возвращаются на основе состояний, возвращаемых его родителем, который является асинхронным c процессом. Обнаружено, что параметры в поле выбора остаются пустыми, потому что мой options от родителя еще не возвращен.

Кроме перемещения в asyn c процессе от родителя в этот компонент MultiDropdownSelectBox, есть ли способ разрешить обещание, когда я получу параметры (которые не являются пустым массивом) от его родителя? Как продолжать проверять параметры и разрешать их, когда они не пусты? или используя useEffect?

import React, { useState, useEffect } from 'react';
import AsyncSelect from 'react-select/async';

const MultiDropdownSelectBox = ({options}) => {

  const [inputValue, setInputValue] = useState("");

  const promiseOptions = inputValue =>
    new Promise(resolve => {
    setTimeout(() => {
      resolve(options);
    }, 1000);
  });

  return (
    <AsyncSelect
      isMulti
      cacheOptions
      defaultOptions
      loadOptions={promiseOptions}
    />
  );
}

Любые советы и предложения будут с благодарностью.