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

需求如下：

但我点击不同的按钮时，下面渲染的是不同组件的内容（wokao这个图片大小咋调，每回都贼大）
第一步：先写好不同组件的内容

第二步：在state状态里面加一个Type进行记录。
第三步：核心代码如下


好了，说白了就是通过改变type的值来改变显示的状态。
应该是小学生写法了…给小白们参考一下吧
最近要用react hooks重新写一下…