Рендеринг и отображение выделений с автозапуском - PullRequest
0 голосов
/ 13 июля 2020

Я использую response-autosuggest для компонента, который выбирает список параметров, отображает предложения, а затем, когда пользователь нажимает на один, сохраняет его в магазине. У меня проблемы, когда я хочу напечатать выбранное значение

И затем функции:

При сохранении:

      const onSave = () => {
    props.saveCarColor(value);
    console.log("value", value);
    getSuggestionValue(value);
    if (!props.carColor) {
      return toastError("Error");
    }
    props.history.push(getRoute(""));
  };

Предложение рендеринга:

const renderSuggestion = (item) => {
    return <span>{item.Value}</span>;
  };

получить предложения:

    const getSuggestionValue = (selection) => {
    console.log("selection", selection);
return selection.Value;
  };

inputprops:

    const inputProps = {
    value,
    onChange: (event, { newValue }) => setValue(newValue),
  };

У меня объявлен этот хук для обновления значения:

  const [value, setValue] = useState("");

Дело в том, Я правильно сохраняю его в магазине, но onSave после того, как я сохраню его, он должен вернуться на страницу формы и показать мне выбранный цвет, точно так же, как я делаю в функции getSuggestionValue с возвратом, но текст не показывая, я тоже не получаю никаких ошибок, и журналы консоли, которые у меня есть, напечатали это:

value BLACK
selection BLACK
...