Как сделать реагировать на выбор при поиске всегда показывать индикатор

Question

На самом деле, индикатор очистки отображается только при выбранном значении, я хочу показать это, когда любое значение имеет тип.

Причина проста, легко очистить поиск текущего значения.

Answer 1

Одним из решений вашей проблемы является использование state для хранения inputValue как value, как показано в следующем коде:

  onChange = (option, { action }) => {
    if (action === "clear") {
      this.setState({
        value: null
      });
    }

    if (action === "select-option") {
      this.setState({
        value: option
      });
    }
  };

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

    if (action === "menu-close") {
      this.setState({
        value: null
      });
    }
  };

Вы можете увидеть этот фрагмент кода:

    if (action === "input-change") {
      this.setState({
        value: { value: string, label: string }
      });
    }

То, что вы подделываете значение и, как только каждый раз, когда значение устанавливается, функция clear включена, она делает свое дело. Вы можете найти живую версию этого кода здесь .