在React JS中使用功能禁用/启用提交按钮

Question

我想使用功能禁用/启用表单提交按钮。
这是我的代码来解释我想要什么：

isDisabled = () => {
    //logic to define if button should be disabled or not
    //return boolean true or false based on that
}


render() {
    return (
        <form className="forgot-password-form">
            //form fields
            <input type="submit" value="Submit" disabled={this.isDisabled} />
        </form>
    );
}

这只是为了展示一个想法，我想做什么：)当然，这render()将在组件和所有方面。

目前它给我警告：

警告：disabled标签上的prop的值无效。从元素中删除它，或者传递一个字符串或数字值以将其保留在DOM中。

谢谢大家的帮助。

Answer 1

您要将一个函数传递给disabledprop，必须执行此函数才能传递该函数的布尔结果：

<input type="submit" value="Submit" disabled={this.isDisabled()}