Reactjs 使用箭头函数导出默认值

我是react的初学者，对导出箭头函数有点困惑。这段代码告诉我一个错误，即没有为声明行和导出默认行定义App。如果我替换App==>。。。使用const App==>…，它可以工作。为什么在这种情况下使用arrow函数不起作用，而使用const呢？谢谢

import React from "react";
import "./App.css";
    
App = () => {
      return (
        <div>
          <h1>React form handling</h1>
          <form>
            <label>
              First name: <input type="text" />
            </label>
          </form>
        </div>
      );
    };
    
export default App;

这是因为没有常量，就像给未声明的标识符赋值一样

例如，它就像这样做：

toto=45

---

在此之前，您需要定义toto。

这既不是React函数，也不是Arrow函数，而是JavaScript的导入。。。出口自动强制执行，以便在初始化变量const App之前需要声明变量const App App=。。。。您可以在一个步骤中完成声明和初始化const-App=…，但这仍然是先声明，然后初始化

---

在模块之外，通常没有激活的严格模式，因此您根本不需要在那里声明变量，而是直接初始化它们，这被认为是编写意大利面条代码的良好开端。注意找到变量引入位置的价值，例如，能够在大量代码中搜索const App。

想想省略const在这里做了什么。它不会使它不是一个箭头函数，也不会使它不是一个变量，你可以用一个常规函数替换箭头函数，并得到同样的错误。当你使用const时，它仍然是一个箭头函数，const只是声明变量的一种方式。当您编写const App==>。。。您正在定义App变量并将其值设置为arrow函数。我明白了！为什么我们可以把它声明为一个函数呢？通常箭头函数只使用name={}，对吗？