首先识别一个功能有哪些视觉元素，开始拆分这个功能，规划组件的关系
首先一个组件只应该做一件事
先画出最单一的那个组件，作为父组件A
然后再画出第二个需要叠加的组件B
A调用B，得到一个组件，
然后再画出需要叠加的第三个组件C
A再调用C，得到一个更复杂的组件
这样子一步步往下走来实现一个复杂的功能
明确需要哪些数据是期望动态获得的，也可以一开始把这个值固定住
然后画完整个组件再重构，动态传值
在组件中，静态比如说CSS数据写在render函数中
调用其他组件写在return函数中
网友评论