我觉得这里应该一样的名称吧？list组件

既然引入的{list}是系统提供的，与我们自己写的list组件冲突，那怎么改一个地方，而外面不改尼？

在这里输入代码，可通过选择【代码语言】突出显示

慕田峪6263377 2020-12-13

源自：项目：React实现新闻网站核心功能 3-2 列表页面的制作及路由配置（2）

收起

2回答

好帮手慕星星 2020-12-14 09:37:31

同学你好，组件化是为了更好的维护和利用。简单理解就是将一个功能拆分为一个组件。例如导航栏，不同页面可能都需要这个导航栏，那么直接引入写好的组件即可，不需要再重复去写。那么我们修改的时候，只需要修改导航栏组件中的内容，不需要再去多个页面进行导航栏的修改，更方便，更高效。

对于大项目来说组件化是必要的，更方便管理和维护，但是对于小项目来说，可能觉得大材小用，写的复杂了。不管怎么样，同学了解组件化的逻辑并且会用即可。

而环境安装过程是固定的，按照官方来即可。当使用第三方插件的时候也按照官方流程来装就好，不用纠结。

祝学习愉快！

收起回答

好帮手慕星星 2020-12-13 17:52:28

同学你好，如果考虑规范性的话，最好名称一致。

不过在项目中，List文件夹名称和antd中原有的List组件不冲突，因为在index.js中没有引入antd中的List

同学自己写的时候可以全部都修改了。

祝学习愉快！

收起回答

提问者慕田峪6263377 #1

哦，这里面确实有点混，我之前学过php写后台，常规H5写前台，MySQL数据库读写，我觉得那个很容易懂，易学易用，我看了这些怎么感觉越写越复杂，这么一个简单的页面搞得这么复杂，这个组件，那个组件，把头都绕晕了，还说简单，容易维护，我真的搞不懂为什么容易的不用，反而用这个复杂的组件，安装环境都烦死了，一会安装这，一会安装那，这也要装，那也要装，还有什么版本，请老师把我这个你问解答一下可以吗？

2020-12-13 19:21:05
Vigorous阿炎回复提问者慕田峪6263377 #2

你说的这个问题我刚准备来提的。突然想起来了之前import里教程就有一个重命名的内容。不需要另外在主文件index.js里面把List改为PageList。下面的路由{LIst}也就不需要改了。

哈哈安装环境我也被折腾了不过那些包确实有用，我整体学过来感觉还行。安装环境现在安装一遍以后直接套用就行了。确实和你说的一样小项目感觉有些没必要，不过我觉得都还算合理的因为这是模拟的后端数据。起码我跟学过来目前感觉还可以。react这节前期每天弄懂一点然后自己再试着写两遍就不会这么晕了。
（纯属自己的经验哈）

2020-12-16 13:19:16
Vigorous阿炎回复提问者慕田峪6263377 #3

export { PageList};
刚我自己试验了，如果写成这种导出的方式就需要在入口文件index.js里面全部改成PageList看来我以后还是得按照老师那样的写成 export default 这种导出模式比较好。

2020-12-16 13:24:16