отредактируйте последний ввод реагировать на выбор - PullRequest
Новая
       6

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

0 голосов
/ 22 февраля 2019

Я использую реагирование-выбор и просто замечаю, что когда у меня уже есть значение в поле ввода (либо по типу пользователя, либо путем выбора параметра в списке меню), я размываю ввод, затем снова фокусируюсь на нем - пытаясьотредактируйте мой последний ввод - просто начните сначала, а не продолжайте с последнего символа ввода.Я только что нашел этот выпуск в github автора.Он был поднят 2 года назад и до сих пор остается открытым.Неужели для этого нет обходного пути?

1 Ответ

0 голосов
/ 22 февраля 2019

Я рекомендую вам использовать пару управляемых реквизитов inputValue и value с onChange и onInputChange, как в следующем коде: 

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      inputValue: "",
      value: ""
    };
  }
  onInputChange = (option, { action }) => {
    console.log(option, action);
    if (action === "input-change") {
      const optionLength = option.length;
      const inputValue = this.state.inputValue;
      const inputValueLength = inputValue.length;

      const newInputValue =
        optionLength < inputValueLength
          ? option
          : this.state.inputValue + option[option.length - 1];
      this.setState({
        inputValue: newInputValue
      });
    }
  };
  onChange = option => {
    this.setState({
      value: option
    });
  };
  render() {
    return (
      <div className="App">
        <Select
          options={options}
          onChange={this.onChange}
          onInputChange={this.onInputChange}
          inputValue={this.state.inputValue}
          value={this.state.value}
        />
      </div>
    );
  }
}

В реагировать-выбрать v1 реквизиты onSelectResetsInputустановленный на false выполнял эту работу, но я думаю, что для v2 вам нужно сделать трюк.

Здесь живой пример .

...