0
私はドロップダウンとモーダルを持っており、ドロップダウンアイテムの1つがクリックされたときにモーダルを表示したいと思います。出来ますか? Modalのトリガー・プロップで必要とされるターゲットDropdownItemを取得できないため、方法を見つけることができませんでした。あなたがプログラム的にそれを制御するための小道具open
Modal
のを使用することができSemantic UI Reactでドロップダウンアイテムをクリックしたときにモーダルをトリガする方法は?
export class Demo extends React.Component<{}, {}> {
private options = [
{ text: 'doNothing', value: 'doNothing' },
{ text: 'openModal', value: 'openModal' },
]
render() {
return (
<div>
<Dropdown
fluid
selection
options={this.options}
defaultValue={this.options[0].value} />
<Modal trigger={<Button>trigger</Button>}>
<Modal.Header>Select a Photo</Modal.Header>
<Modal.Content image>
<Modal.Description>
<p>Some contents.</p>
</Modal.Description>
</Modal.Content>
</Modal>
</div>
)
}
}
素晴らしいアイデアは、感謝しました! – Searene