Несовпадение параметров автозаполнения antdv4 ⇐ Javascript

[Anonymous]

Пожалуйста, посмотрите демонстрацию проблемы https://codepen.io/miranda-zhang/pen/JoKgdEz

Я хочу иметь возможность автоматически устанавливать округ пригородного города при выборе почтового индекса, но поскольку существуют пригороды с одинаковым значением почтового индекса, onSelect не может выбрать правильный элемент, например. при нажатии на «THE ROCKS» выбирается/регистрируется «HAYMARKET»

Код: Выделить всё

  const [options, setOptions] = useState([
{value:"2000",label: "THE ROCKS 2000",item:{suburb:"THE ROCKS"},key:1},
{value:"2000",label: "HAYMARKET 2000",item:{suburb:"HAYMARKET"},key:2},
]);

const onSelect = (value,option) => {
console.log('set suburb', option.item.suburb);
};

return (

);

Пока придется использовать antd v4.20.0.
Если я изменю значение на такое же, как у метки, то мне придется удалить пригород из «THE ROCKS 2000» во время onSelect, это будет выглядеть менее элегантно. И это вызовет код проверки формы, жалующийся на то, что почтовый индекс содержит букву.
Есть ли элегантный способ решить эту проблему?


Подробнее здесь: https://stackoverflow.com/questions/798 ... salignment