ReactJS defaultProps空函数声明

Question

定义defaultPropsReactJS中为空的函数的最佳实践是什么？

到目前为止，我的解决方案是使用空箭头函数或使用null值。哪种方法更好？

MyComponent.defaultProps = {
  onClick: () => {},
  onClickNull: null,
};

Answer 1

我认为这没有正确的答案。

如果您想在代码中更加明确，请使用null并null在调用之前检查该函数是否存在。

如果你想要更少的代码，请使用空函数。

我要说的更重要的是在整个项目中保持一致。

Answer 2

需要记住的重要一点是，空函数()=>{}是一个对象，因此它是真的，而null和undefined是假的。

因此，如果您想检查该事件处理程序属性是否在实现中传递，并以不同的方式处理两种情况（提供和未提供），那么使用nullor更有意义undefined。