react函数组件在单独文件中引入报错，同一文件中可以？

Question

在路由页面中使用函数组件并写在当前文件中可以运行，单独写在某一个文件中引入就报错？

单独文件中引入
文件中的代码和上面注释处的代码差不多，如下：

利用上面的方法就会报错如下：

改成下面这种方法就可以，why？