[英]How to add a button within a dropdown menu?
I joined an ongoing react project for entering case studies.我加入了一个正在进行的反应项目以进入案例研究。 We are using semantic-ui for forms and form dropdowns.我们对 forms 使用语义 UI 并形成下拉菜单。 What I want to do is add a button within the drop-down that will initiate another menu.我想要做的是在下拉菜单中添加一个按钮,该按钮将启动另一个菜单。
I want to add the button to this dropdown我想将按钮添加到此下拉列表
I'm unsure of where to add the code for the button or if it's even possible.我不确定在哪里添加按钮的代码,或者是否有可能。 Here is the current code for the dropdowns:这是下拉列表的当前代码:
<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>```
it's possible:这是可能的:
had your button to your options list有你的按钮到你的选项列表
options={[{ key: "ux", text: (<Button>your button</Button>), value: "ux" }]}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.