如何在Semantic UI React中添加一个Select addon到输入字段？

Question

我正在为我的React JS项目使用Semantic UI React。我需要在输入字段中添加一个插件，但不能这样做。

（理想情况下，插件位于右侧）

任何人都可以帮助我？

由于

Answer 1

Select组件是Dropdown的包装。我认为您正在寻找this example。

我还为您提供了一个可行的示例：

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'
  />
)