forms - 如何在 Semantic UI React 的输入字段中添加 Select 插件？

Question

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

（理想情况下插件会在右侧）

任何人都可以帮助我吗？

谢谢

标签： formsreactjsinputsemantic-uisemantic-ui-react

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