Forms 如何向语义UI中的输入字段添加Select加载项?

Forms 如何向语义UI中的输入字段添加Select加载项?,forms,reactjs,input,semantic-ui,semantic-ui-react,Forms,Reactjs,Input,Semantic Ui,Semantic Ui React,我正在为我的React JS项目使用语义UI React。我需要在输入字段中添加一个加载项,但无法添加 (理想情况下,插件应位于右侧) 有人能帮我吗 谢谢选择组件是下拉列表的包装。我想你在找 我还为您做了一个工作示例: import React from 'react' import { Dropdown, Input } from 'semantic-ui-react' const options = [ { key: '86', text: '+86', value: '86' },

我正在为我的React JS项目使用语义UI React。我需要在输入字段中添加一个加载项,但无法添加

(理想情况下,插件应位于右侧)

有人能帮我吗


谢谢选择
组件是
下拉列表的包装。我想你在找

我还为您做了一个工作示例:

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'
  />
)
从“React”导入React
从“语义ui反应”导入{下拉列表,输入}
常量选项=[
{键:'86',文本:'+86',值:'86'},
{键:'89',文本:'+89',值:'89'},
]
常量示例=()=>(
)