React 检查 props 函数调用是否为 null

Question

我正在使用 props 中的两种方法。

//这两个方法都不是必须的。

this.props.onClose({ somthing });
this.props.onSubmit({ somthing });

我想检查onCloseor是否onSubmit为空，那么它不应该触发。

我知道我可以这样做：

const { onSubmit, onClose } = this.props;
if (onClose) {
    onClose({ submitted: true });
}
if (onSubmit) {
    onSubmit({ submitted: true });
}

但是，它会增加代码行。有没有可能轻松检查null？

Answer 1

您可以使用较短的版本：

const { onSubmit, onClose } = this.props;
onSubmit && onSubmit({ submitted: true });
onClose && onClose({ submitted: true });

虽然缩短代码的方法只有这么多，但有时彻底的检查可能是必要的。不要尝试修剪太多。