reactjs – 使用TypeScript将事件处理程序作为props发送到React

发布时间：2020-12-15 16:21:11 所属栏目：百科来源：网络整理

导读：我有一个React组件的以下代码.声明传递给组件的两个onClick处理程序的正确方法是什么？ interface LoginFormProps { loginClicked: ???? --- onClick handler signature cancelClicked: ???? --- onClick handler signature}class LoginForm extends React.C

我有一个React组件的以下代码.声明传递给组件的两个onClick处理程序的正确方法是什么？

interface LoginFormProps {
    loginClicked: ???? <--- onClick handler signature
    cancelClicked: ???? <--- onClick handler signature
}

class LoginForm extends React.Component<LoginFormProps,{}> {
    render() {
        <form>
            <button onClick={loginClicked}>
                Login
            </button>
            <button onClick={cancelClicked}>
                Cancel
            </button>
        </form>
    }
}

解决方法

我通常使用：

interface ILoginFormProps {
    loginClicked: (ev) => void;
    //
}

但是如果你想对你的打字非常严格：

interface ILoginFormProps {
    loginClicked: (ev: React.MouseEvent<HTMLButtonElement>) => void;
    //
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!