将组件的函数传递给另一个组件以使用时出现“不是函数”错误

Question

我想要做的只是将此函数从App组件传递到Modal组件：

async HandleInsert(formData : FormData) {
        this.setState({
            tickets: await api.postTickets(formData)
        })
    }

**请注意，它是异步功能（也许是问题所在？）。

无论如何，我在父类中用于在Modal中定义道具的代码（我的说法是正确的？）：

<AddModal
                show={this.state.addModalShow}
                onHide={this.addModalClose}
                onSubmit={this.HandleInsert}
                />

我在Modal本身上使用它的方式如下：

<Button variant="success" onClick={this.props.onSubmit(formData)}>Create</Button>
<Button variant="danger" onClick={this.props.onHide}>Close</Button>

和formData只是我在Modal组件内部创建的对象。

我得到的错误是：