React组件无法渲染，提示Expected an assignment or function call表达式错误

问题根因及修复方案 #

你代码里存在两个语法/配置错误，修正后即可正常渲染：

• Aux高阶组件返回逻辑错误
  你编写的Aux组件使用箭头函数时用了{}包裹代码块，但没有显式return子元素，导致组件没有输出任何内容，后续Layout的内容全部无法渲染。
  两种修正方式二选一即可：
  1. 增加return语句：

  const Aux = (props) => {
    return props.children
  }
  export default Aux;
  

  2. 去掉{}使用箭头函数隐式返回：

  const Aux = (props) => props.children
  export default Aux;
  

• Aux组件导入路径不匹配
  你在Layout组件中导入Aux的路径写的是../../hoc/Auxx，如果你的Aux组件文件命名为Aux.js，路径多了一个x，会引发模块找不到的报错，修正为和文件名一致即可：

  import Aux from '../../hoc/Aux';
  

补充说明：React 16.2及以上版本内置了<Fragment>组件，功能和你自定义的Aux完全一致，也可以直接用<>/</>简写代替自定义Aux组件，不需要额外封装。

内容的提问来源于stack exchange，提问作者Ryuzaki