javascript - React-select はフィールドに選択された値を表示しません

Question

私は次のように定義するreact-selectコンポーネントを持っています:

<Select
            id="portf"
            options={opts}
            onChange={value => portfolioSelector(value)}
            placeholder="Select Portfolio"
          />

とopts = [{label: any, value:1}, {label:Two, value:2}]。

選択時の値は、関数を介して状態に保存されportfolioSelectorます。問題は、値を選択すると、選択フィールドに表示されないことです。私の主なコンポーネントはこれです：

const PortfolioSelector = ({
  opts,
  portfolioSelector
}) => {
  if (opts) {
    return (
      <div className="portfolio select-box">
        <label htmlFor="selectBox" className="select-box__label">
        Portfolio
        </label>
        <div className="select-box__container">
          <Select
            id="portf"
            options={opts}
            onChange={value => portfolioSelector(value)}
            placeholder="Select Portfolio"
          />
        </div>
        <div className="separator" />
      </div>
    );
  }
  return (
    <div>Loading</div>
  );
};

なぜなのかご存知ですか？