react入门基础——名字之间的关联

刚刚学习react时教程里的建立文件、组件、路由、demo、class名等等，这些命名时都喜欢起一样的名字，好比Products，而后一上来就特别懵。这些名字都同样，到底之间有什么关联呢？哪里能够改动？那里不能够？
因而简单理解并尝试后，大概记录下来，算是笔记吧。后续若还有相似问题会补充进来。

建立路由

路由可视为组成应用的不一样页面，建立routes/ProductsFile.js ，以下图：

---

在router.js中配置路由表（加入红框标出的两行），以下图：

---

名字之间的关联

接下来，在此处来尝试搞清楚众多命名之间的关系。
首先，建立的文件名字要和路由中import引入的路径名字一致，ProductsFile，以下图：

---

组件名字随意命名，在其内部保持声明一致，ProductsName，以下图：

---

路由表中，也就是router.js文件中，引入时可对引入的文件（组件）从新命名，但要和后续使用时要保持名字一致，ProductsFree，以下图：

---

最后须要注意一个路径，也就是访问路径时浏览器中地址栏处的名字，ProductsKey，以下图：