Semantic-ui react modal 速记防止按钮关闭模态

Question

Using the code on the docs page shown below for a shorthand modal, how do i stop the button from closing the modal in the actions property? Ive tried preventDefault, no luck, its got me stumped?

import React from 'react'
import { Button, Modal } from 'semantic-ui-react'

const ModalExampleShorthand = () => (
  <Modal
    trigger={<Button>Show Modal</Button>}
    header='Reminder!'
    content='Call Benjamin regarding the reports.'
    actions={['Snooze', { key: 'done', content: 'Done', positive: true }]}
  />
)

export default ModalExampleShorthand

Answer 1

不敢相信我没有想到这一点，我只需要在动作中添加 onClick 处理程序，即：

actions={['Snooze', { key: 'done', content: 'Done', positive: true, onClick: myFunc }]}