Я использую 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