Как добавить аддон Select в поле ввода в Semantic UI React?

Question

Я использую Semantic UI React для моего проекта React JS.Мне нужно добавить дополнение к полю ввода, но не могу это сделать.

(в идеале аддон должен быть справа)

Кто-нибудь может мне помочь?

Спасибо

Answer 1

Компонент Select является оберткой вокруг Dropdown.Я думаю, что вы ищете этот пример .

Я также сделал рабочий пример для вас:

import React from 'react'
import { Dropdown, Input } from 'semantic-ui-react'

const options = [
  { key: '86', text: '+86', value: '86' },
  { key: '89', text: '+89', value: '89' },
]

const Example = () => (
  <Input 
    label={{ 
      basic: true,
      content: <Dropdown compact options={options} defaultValue='86' />
    }}
    placeholder='1234'
  />
)