【React】根据条件渲染不同的组件内容

需求如下:
【React】根据条件渲染不同的组件内容
【React】根据条件渲染不同的组件内容

但我点击不同的按钮时,下面渲染的是不同组件的内容(wokao这个图片大小咋调,每回都贼大)
第一步:先写好不同组件的内容
【React】根据条件渲染不同的组件内容

第二步:在state状态里面加一个Type进行记录。
第三步:核心代码如下
【React】根据条件渲染不同的组件内容
【React】根据条件渲染不同的组件内容
好了,说白了就是通过改变type的值来改变显示的状态
应该是小学生写法了…给小白们参考一下吧
最近要用react hooks重新写一下…