Webpack - 必须返回一个有效的 React 元素（或 null）

【问题标题】：React/Node/Express/Webpack -A valid React element (or null) must be returnedReact/Node/Express/Webpack - 必须返回一个有效的 React 元素（或 null）
【发布时间】：2017-03-02 04:03:42
【问题描述】：

源代码链接：https://github.com/manster829/MernStackT

我不断收到错误消息：未捕获错误：BugTable.render()：必须返回有效的 React 元素（或 null）。您可能返回了未定义、数组或其他一些无效对象。

我不知道为什么，我认为这可能与 ES6 或我的语法有关，但我无法理解。有人有想法么？谢谢:)

【问题讨论】：

进一步，我是否正确导入组件，是 webpack 的问题..？

标签： node.js reactjs webpack ecmascript-6

【解决方案1】：

这有点傻，但是您需要将 ( 移动到您的 return 语句旁边，否则您实际上会返回 undefined 并跳出函数。当您在 return 语句旁边没有任何内容时，javascript 假定您的意思是简单地返回 ...

在 BugTable.js 中试试这个：

return (
      <div>The list of bugs as a table would come here.</div>
   );

【讨论】：

这是正确的。我只想添加两件事 1) return 本身在一行返回 undefined，这正是错误消息所说的。 2) 在构建过程中使用 eslint 可以节省大量时间。