添加的 antdesign (antd) 模态不起作用的 React 打字稿

Question

我试图将我的 React typescript 应用程序用于 Ant design Modal，但它无法正常工作，任何人都知道如何将帽子具体放在 react typescript

我遇到了以下错误

Parameter 'e' implicitly has an 'any' type.  TS7006

    11 |     };
    12 |
  > 13 |     handleOk = e => {
       |                ^
    14 |         console.log(e);
    15 |         this.setState({
    16 |             visible: false,

我的代码在这里

import * as React from 'react';
import { Modal, Button } from 'antd';

class Uni extends React.Component {

    state = { visible: false };

    showModal = () => {
        this.setState({
            visible: true,
        });
    };

    handleOk = e => {
        console.log(e);
        this.setState({
            visible: false,
        });
    };

    handleCancel = e => {
        console.log(e);
        this.setState({
            visible: false,
        });
    };

    public render () {
        return(
            <div>
                <Button type="primary" onClick={this.showModal}>
                    Open Modal
                </Button>
                <Modal
                    title="Basic Modal"
                    visible={this.state.visible}
                    onOk={this.handleOk}
                    onCancel={this.handleCancel}
                >
                    <p>Some contents...</p>
                    <p>Some contents...</p>
                    <p>Some contents...</p>
                </Modal>
            </div>
        )
    }
}
export default Uni;

Answer 1

解决办法就是给它一个类型，在 TypeScript 中你不能隐含任何类型。

HandleOK = (e: any) => { ... }

您可以查找此类事件的打字稿类型，而不是任何类型，不确定我脑海中的正确类型是什么

添加的 antdesign (antd) 模态不起作用的 React 打字稿

React typescript for added antdesign (antd) modal not working

reactjs

typescript

antd

ant-design-pro