Всем привет, хочу сделать input для ввода телефона с выбором начала номера и флагом, вот пример
Делаю так
import React from "react";
import { Dropdown, Input } from "semantic-ui-react";
import countries from "./common";
const PhoneInput = () => (
<div>
<Input
action={
<Dropdown
left="true"
button
basic
floating
defaultValue="af"
options={countries}
/>
}
actionPosition={"left"}
placeholder="Phone"
/>
</div>
);
export default PhoneInput;
В файле common массив такого типа
{ text: "Afghanistan +540", flag: "af", value: "af", key: "af" }
В результате выходит
Как сделать так что бы при выборе отображался не текст а флаг?