reactjs从组件返回null与空字符串答案

【问题标题】：reactjs return null vs empty string from componentreactjs从组件返回null与空字符串
【发布时间】：2020-02-13 11:27:22
【问题描述】：

在 react js 中，如果我们返回空字符串 "" 而不是 null。

有什么区别？

假设下面是组件。

const Abc = () => {
  return ''
}

【问题讨论】：

【解决方案1】：

每当您从组件返回空字符串而不是 null 时，react 都会为该响应创建一个文本节点。

您可以查看here。

【讨论】：

【解决方案2】：

如果您打算指示没有数据可用，通常最好返回 null。

一个空的对象意味着数据已经返回，而返回 null 清楚地表明没有返回任何东西。

此外，如果您尝试访问对象中的成员，返回 null 将导致 null 异常，这对于突出显示有问题的代码很有用 - 尝试访问什么都没有的成员是没有意义的。访问空对象的成员不会失败，这意味着错误可能不会被发现。

就个人而言，我喜欢为返回字符串的函数返回空字符串，以尽量减少需要到位的错误处理量。

【讨论】：