反應 Typescript：Antd 模態未打開

Question

您好，我在單擊按鈕后嘗試打開模態框，但由於某種原因無法打開。 即使在瀏覽器元素中也不會出現。

這是模式和按鈕的代碼：

<Button type="primary" icon={<EditOutlined />} onClick={() => this._updateQuestion(record, true) } />


private _updateQuestion = (record, modalVisible: boolean): JSX.Element => {
        return (
            <Modal
                title="Bearbeitung"
                centered
                visible={modalVisible}
                onOk={() => false}
                onCancel={() => false}
                width={1000}
            >
                <p>some contents...</p>
                <p>some contents...</p>
                <p>some contents...</p>
            </Modal>
        )
    }

Answer 1

return (
  <>
     <Button type="primary" icon={<EditOutlined />} onClick={() => this.setState({modalVisible: true}) />
     <Modal
       title="Bearbeitung"
       centered
       visible={this.state.modalVisible}
       onOk={() => {this.setState({modalVisible: false})}}
       onCancel={() => {this.setState({modalVisible: false})}}
       width={1000}
     >
         <p>some contents...</p>
         <p>some contents...</p>
         <p>some contents...</p>
     </Modal>
</>
)