React-select isMulti выбрать все отфильтрованные параметры

Я бы использовал комбинацию реквизита filterOption, InputChange и onChange:

• В InputChange вы будете ловить inputValue каждый раз, когда пользователь меняет его, и сохранять его в состоянии. Это значение будет повторно использовано в onChange.
• Вам нужно изменить начальный filterOption, чтобы ваш Select all отображался постоянно. Исходная логика: если inputValue равно null, возвращает true, иначе возвращает true, inputValue включается в метку или значение параметра. Перед выполнением этой логики у нас было другое условие, при котором, если значение параметра соответствует вашему Select all параметру, то сразу же возвращается true.
• В onChange; по умолчанию возвращаются те, которые были получены. Затем, если была выбрана опция (поскольку ее несколько, ее можно было удалить) и эта опция равна Select all, возвращаемое вами значение должно быть копией всех параметров и отфильтровывать их по inputValue.

Может быть, есть самый простой способ сделать это, но я думаю, что он довольно эффективен:

onChange = (opt, { option }) => {
  let newOpts = opt;
  let string = this.state.searchField;

  if (option && option.value === "all") {
    let filteredOptions = clone(options);

    filteredOptions = filteredOptions.filter(
      filteredOption =>
        isIncludingString(string, filteredOption) &&
        !newOpts.includes(filteredOption)
    );

    string = null;
    newOpts = newOpts
      .concat(filteredOptions)
      .filter(newOpt => newOpt.value !== "all");
  }
  this.setState({
    searchField: string,
    values: newOpts
  });
};

onInputChange = (string, { action }) => {
  if (action === "input-change") {
    this.setState({
      searchField: string
    });
  }
};  

filterOption = ({ label, value }, string) => {
  if (value === "all") {
    return true;
  } else if (string) {
    return label.includes(string) || value.toString().includes(string);
  } else {
    return true;
  }
};

Важное примечание: в моем примере я использую clone из lodash

Ниже функции isIncludingString, используемой в onChange.

function isIncludingString(string, option) {
  let result = false;
  if (
    !string ||
    option.label.toString().includes(string) ||
    option.value.toString().includes(string)
  ) {
    result = true;
  }
  return result;
}

Вот живой пример.