components文件夹中的UI组件写成无状态组件会不会更好一点,还有这样直接引入样式表,会不会造成样式冲突呢?

来源:8-1 页面分析和组件划分

代码小超人

2019-02-17

老师,我看了下咱们课程的最终源码,有几个疑问,希望您帮忙解答一下
1components文件夹中的UI组件为什么不写成无状态组件呢?
2直接引入样式表,会不会造成样式冲突问题呢?

写回答

1回答

艾特老干部

2019-02-17

你好,能提出这两个问题很好,说明你是认真思考过的。

  1. 只要是没有使用state的组件就是无状态组件,这里你想问的应该是为什么不写成函数组件(function components)吧?这里是可以使用函数组件的,源码里没有使用,更多的是习惯原因,日常的开发中,大部分开发者也是习惯只用class组件。当然,React官方以前提到可能会针对函数组件做优化,这是使用函数组件的潜在优势。

  2. 样式不会冲突,因为每个组件的样式都是定义在以组件名称命名的namespace下,只要组件名称不重复,样式就不会冲突。另外一种常见做法是,使用css module

0
1
代码小超人
好的,谢谢老师的解答
2019-02-17
共1条回复

React16+Redux实战企业级大众点评Web App

从架构设计到部署上线,带你学习React技术栈与核心思想

1071 学习 · 306 问题

查看课程