reactjs从组件返回空值与空字符串

Question

在React js中，如果我们返回空字符串“”而不是null。

有什么区别？

假设下面是组件。

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

Answer 1

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

您可以检查它here。

Answer 2

返回空值通常是最好的主意，如果您打算表明没有可用数据。

空对象表示已返回数据，而返回null则表示未返回任何内容。

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

个人，我喜欢为返回字符串的函数返回空字符串，以最大程度地减少需要处理的错误。