[React] [Vue] 从vue切换到react 组件的封装和使用

在组件封装上,两个框架差的不远。

在Vue中封装组件,用插槽的方式子组件中写好具名插槽的位置和样式,在父组件中通过插槽名传入html和js逻辑 部分。

在react中封装组件,区别于Vue的地方在于,Vue中有插槽这个语法,而react中没有。在react中的html和js逻辑部分的传递都需要借由属性组件的属性(Props)来完成。

(在Vue中插槽传值,在react中属性传值)

此外,Vue中组件的样式(css部分) 可以直接写在组件中(写在