Reactjs 如何在下拉菜单中添加按钮？

我参加了一个正在进行的react项目以进入案例研究。我们在表单和表单下拉列表中使用语义ui。我想做的是在下拉菜单中添加一个按钮，它将启动另一个菜单

我不确定在哪里添加按钮的代码，或者是否可能。 以下是下拉列表的当前代码：

          <h1 className="ui centered">Select Engagement Details</h1>
          <Form.Group widths="equal">
            <Form.Dropdown
              fluid
              selection
              placeholder="Client Name"
              onChange={(e, { value }) => {
                this.props.handleDropdown({
                  input: "clientName",
                  value: value,
                  optionType: "clientOptions",
                  options: this.state.clients
                });
              }}
              defaultValue={values.clientName}
              options={this.state.clients}
            />

            <Form.Dropdown
              fluid
              selection
              placeholder="Engagement Name"
              onChange={(e, { value }) => {
                this.props.handleDropdown({
                  value: value,
                  input: "engagementName",
                  optionType: "engagementNameOptions",
                  options: this.state.engagements
                });
              }}
              defaultValue={values.engagementName}
              options={this.state.engagements}
            />
          </Form.Group>
          <Button disabled={!isEnabled} onClick={this.saveAndContinue}>
            {" "}
            Continue
          </Button>

          {/* starts new engagement area */}
          <hr style={{marginTop: '30px'}}/>
          <h2 className="ui centered"> New Engagement </h2>

          <Form.Group controlId="newEngagementGroup" widths="equal">
            {/* type is not required. Type is useful for common types like "email" or "password" */}
            <Form.Input 
                  type="clientName" 
                  placeholder="Enter Client Name"
                  ref="newClient"
                  onChange={(e, { value }) => {
                    this.props.handleDropdown({
                      input: "newEngagementClientName",
                      value: value
                    })
                  }}
                  defaultValue={values.newClientName}
            />
            <Form.Input 
                  type="engagementType" 
                  placeholder="Enter Engagement Type"
                  ref="newEngagementType"
                  onChange={(e, { value }) => {
                    this.props.handleDropdown({
                      input: "newEngagementType",
                      value: value
                    })
                  }}
                  defaultValue={values.newEngagementType} />
          </Form.Group>``` 

选择订婚详情
{
这个。道具。把手放下({
输入：“客户端名称”，
价值：价值，
optionType:“clientOptions”，
选项：this.state.clients
});
}}
defaultValue={values.clientName}
选项={this.state.clients}
/>
{
这个。道具。把手放下({
价值：价值，
输入：“约定名称”，
optionType:“约定名称选项”，
选项：this.state.engagents
});
}}
defaultValue={values.engagementName}
选项={this.state.engagements}
/>
{" "}
继续
{/*开始新的交战区域*/}

新约定
{/*类型不是必需的。类型对于“email”或“password”*/}等常见类型很有用
{
这个。道具。把手放下({
输入：“newEngagementClientName”，
价值：价值
})
}}
defaultValue={values.newClientName}
/>
{
这个。道具。把手放下({
输入：“newEngagementType”，
价值：价值
})
}}
defaultValue={values.newEngagementType}/>
``` 

有可能：

将按钮添加到选项列表中

options={[{key:“ux”，text:（您的按钮），value:“ux”}

可能：

将按钮添加到选项列表中

---

options={[{key:“ux”，text:（您的按钮），value:“ux”}

好的，那么我如何将我的道具也包括在选项中呢？当前的选项是，

{this.state.clients}

如何包括该选项和按钮？谢谢你你不能改变客户？你说改变客户是什么意思？我是这个项目的新手，对总体发展做出反应。以下是我声明客户端的方式：

state={clients:[]，engagements:[]，newClientName:，newEngagementType:，}好的，但是我如何也包括我的道具作为一个选项？当前的选项是，
{this.state.clients}
如何包括该选项和按钮？谢谢你你不能改变客户？你说改变客户是什么意思？我是这个项目的新手，对总体发展做出反应。以下是我声明客户端的方式：
state={clients:[]，engagements:[]，newClientName:，newEngagementType:，}