React根据条件渲染不同的组件

最近在做一个电商后台管理项目，碰到了一个要根据前面的条件不同来渲染不同的组件，如下图所示

要根据商品的分类来显示不同的商品属性，最开始以为简单的使用switch来判断条件即可，但是在react组件当中，一个函数是不能返回另一个函数的，这就导致了一系列的bug。后来换一种思路就解决了

			{classfy[0] === '服装' && (<ShowClother/> )}
            {classfy[0] === '家电' && (<ShowAppliances />)}
            {classfy[0] === '零食' && (<ShowSnacks />)}
            {classfy[0] === '百货' && (<ShowMerchandise />)}
            {classfy[0] === '生鲜' && (<ShowFresh />)}

可以根据前面条件的不同来调用不同的函数式组件