components文件夹中的UI组件写成无状态组件会不会更好一点,还有这样直接引入样式表,会不会造成样式冲突呢?
来源:8-1 页面分析和组件划分

代码小超人
2019-02-17
老师,我看了下咱们课程的最终源码,有几个疑问,希望您帮忙解答一下
1components文件夹中的UI组件为什么不写成无状态组件呢?
2直接引入样式表,会不会造成样式冲突问题呢?
写回答
1回答
-
你好,能提出这两个问题很好,说明你是认真思考过的。
只要是没有使用state的组件就是无状态组件,这里你想问的应该是为什么不写成函数组件(function components)吧?这里是可以使用函数组件的,源码里没有使用,更多的是习惯原因,日常的开发中,大部分开发者也是习惯只用class组件。当然,React官方以前提到可能会针对函数组件做优化,这是使用函数组件的潜在优势。
样式不会冲突,因为每个组件的样式都是定义在以组件名称命名的namespace下,只要组件名称不重复,样式就不会冲突。另外一种常见做法是,使用css module
012019-02-17