Точки после сокращений

[timur-khakhalev]

Здравствуйте. На сайте dadata.ru есть способ по добавлению точек после сокращений - https://codepen.io/dadata/pen/KqMQgO?editors=1010
В вашем проекте чтоб использовать этот способ, нужно его указывать в renderOption, я так понимаю. Но в таком случае возникает ошибка TypeError: address.split is not a function. Я так понимаю, потому что то, где я использую эту функцию, не является строкой. Как решить эту проблему?

[vitalybaev]

Здравствуйте, прошу прощения за долгий ответ.
Видимо, вы использовали напрямую значение из колбека в renderOption.

Вот пример вашей задачи с использованием renderOption:
https://codesandbox.io/s/react-dadata-dots-uh3ol?file=/src/App.tsx

Единственный момент - на данный момент колбек не принимает текущее значение из текстового поля, поэтому подсветку совпадений пока что не реализовать. У меня есть ишью на эту тему, буду скоро реализовывать

[vitalybaev]

Добавил в версии 2.10.0 вторым аргументом текущее значение из поля ввода.
Зная его, можно реализовать подсветку, например с помощью компонента react-words-highlight
Фактически в текущем пакете используется общий пакет для поиска соответствий, в будущем подумываю выделить функцию утилиту, которую можно использовать для форматирования соответствий.